Merge pull request #59 from zenml-io/talha/feedback-fixes

fixed issue on side bar.

Author: danialraza03

src/ui/layouts/common/layouts/AuthenticatedLayout/index.tsx

@@ -1,23 +1,30 @@
 import React, { useState } from 'react';
 
 import { FlexBox, Box } from '../../../../components';
+import { useLocationPath } from '../../../../hooks';
 import { AuthenticatedHeader } from './AuthenticatedHeader';
 import { AuthenticatedSidebar } from './AuthenticatedSidebar';
 
 import styles from './index.module.scss';
 
-export const AuthenticatedLayout: React.FC = ({ children }) => { 
-  const [mobileMenuOpen, setMobileMenuOpen] = useState(false);
+export const AuthenticatedLayout: React.FC = ({ children }) => {
+  const locationPath = useLocationPath();
+  const [mobileMenuOpen, setMobileMenuOpen] = useState(
+    locationPath.includes('components') ? true : false,
+  );
 
   return (
-      <FlexBox>
-        <AuthenticatedSidebar setMobileMenuOpen={setMobileMenuOpen} mobileMenuOpen={mobileMenuOpen} />
-        <FlexBox flexDirection='column' className={styles.content} flex={1}>
-          <Box><AuthenticatedHeader setMobileMenuOpen={setMobileMenuOpen} /></Box>
-          <FlexBox>
-            {children}
-          </FlexBox>
-        </FlexBox>
+    <FlexBox>
+      <AuthenticatedSidebar
+        setMobileMenuOpen={setMobileMenuOpen}
+        mobileMenuOpen={mobileMenuOpen}
+      />
+      <FlexBox flexDirection="column" className={styles.content} flex={1}>
+        <Box>
+          <AuthenticatedHeader setMobileMenuOpen={setMobileMenuOpen} />
+        </Box>
+        <FlexBox>{children}</FlexBox>
       </FlexBox>
+    </FlexBox>
   );
 };

src/ui/layouts/pipelines/Pipelines/useService.ts

@@ -31,7 +31,7 @@ export const useService = (): ServiceInterface => {
         onFailure: () => setFetching(false),
       }),
     );
-  });
+  }, []);
 
   const setFetching = (fetching: boolean) => {
     dispatch(pipelinePagesActions.setFetching({ fetching }));

src/ui/layouts/stacks/RunsTable/HeaderCols/index.tsx

@@ -309,7 +309,7 @@ export const useHeaderCols = ({
             place="top"
             effect="solid"
           >
-            <Paragraph color="white"></Paragraph>
+            <Paragraph color="white">{run.created}</Paragraph>
           </ReactTooltip>
         </FlexBox>
       ),