fix: minor cleanups

stakwork · Oct 10, 2023 · c1d1e84 · c1d1e84
1 parent 178b648
commit c1d1e84
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 6 deletions.
diff --git a/src/components/App/Helper/TeachMe/index.tsx b/src/components/App/Helper/TeachMe/index.tsx
@@ -156,9 +156,9 @@ export const TeachMeText = () => {
       )}
       {!hasTeachingInProgress ? (
         <>
-          <Flex style={{ paddingLeft: '10px', paddingRight: '10px' }}>
+          <TeachMeAnswerFlex>
             <Text>{teachMeAnswer}</Text>
-          </Flex>
+          </TeachMeAnswerFlex>
           <AskQuestion />
         </>
       ) : (
@@ -169,3 +169,8 @@ export const TeachMeText = () => {
 }
 
 const ButtonStyled = styled(Button)``
+
+const TeachMeAnswerFlex = styled(Flex)`
+  padding-left: 10px;
+  padding-right: 10px;
+`
diff --git a/src/components/App/SecondarySidebar/index.tsx b/src/components/App/SecondarySidebar/index.tsx
@@ -39,7 +39,7 @@ const Wrapper = styled(Flex)(({ theme }) => ({
   background: colors.BG1,
   height: '100vh',
   padding: '16px 20px',
-  width: '110%',
+  width: '100%',
   zIndex: 30,
   display: 'flex',
   [theme.breakpoints.up('sm')]: {

diff --git a/src/components/App/SideBar/index.tsx b/src/components/App/SideBar/index.tsx
@@ -20,8 +20,6 @@ import { Tab } from './Tab'
 import { Trending } from './Trending'
 import { TeachMe } from '../Helper/TeachMe'
 
-import 'reactflow/dist/style.css'
-
 export const MENU_WIDTH = 390
 
 type Props = {
@@ -132,7 +130,7 @@ export const SideBar = ({ onSubmit }: Props) => {
       <Slide direction="right" in={sidebarIsOpen} mountOnEnter unmountOnExit>
         <Content onSubmit={onSubmit} subViewOpen={!!selectedNode} />
       </Slide>
-      <SideBarSubView open={!!selectedNode || !!showTeachMe} />
+      <SideBarSubView open={(!!selectedNode && sidebarIsOpen) || !!showTeachMe} />
       {!sidebarIsOpen && <Tab />}
     </>
   )