change stop navigation icon

clubcapra · Jun 13, 2023 · 5f2465f · 5f2465f
1 parent de1568d
commit 5f2465f
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 5 deletions.
diff --git a/src/renderer/components/ExplorationStatus/ExplorationCancelNavigation.tsx b/src/renderer/components/ExplorationStatus/ExplorationCancelNavigation.tsx
@@ -2,7 +2,7 @@ import { rosClient } from '@/renderer/utils/ros/rosClient';
 import React, { FC } from 'react';
 import { TopicOptions } from '@/renderer/utils/ros/roslib-ts-client/@types';
 import { styled } from '@/renderer/globalStyles/styled';
-import { MdOutlineCancelScheduleSend } from 'react-icons/md';
+import { FaStop } from 'react-icons/fa';
 import { toast } from 'react-toastify';
 
 const stopNavigationTopic: TopicOptions = {
@@ -23,11 +23,11 @@ export const ExplorationCancelNavigation: FC<CancelNavigation> = ({
     toast.info('Navigation stop');
   };
 
-  return <StyledImCancelCircle onClick={onClick} />;
+  return <StyledFaStop onClick={onClick} />;
 };
 
-export const StyledImCancelCircle = styled(MdOutlineCancelScheduleSend)`
-  margin: 0.25em 0.25em 0 0;
+export const StyledFaStop = styled(FaStop)`
+  margin-top: 0.25em;
   color: red;
   &:hover {
     cursor: pointer;

diff --git a/src/renderer/components/ExplorationStatus/ExplorationStatus.tsx b/src/renderer/components/ExplorationStatus/ExplorationStatus.tsx
@@ -151,7 +151,6 @@ const StyledDiv = styled.div`
 const StyledGoTelescope = styled(GoTelescope)`
   height: 1.25em;
   width: 1.25em;
-  margin-left: 0.5em;
 `;
 const StyledDivTimer = styled.div`
   margin: 1em;