Merge pull request #96 from zenml-io/feat/ahsan-v2

quick fixes

Author: danialraza03

src/services/locales/zu.json

@@ -306,7 +306,7 @@
                 "text": "Stacks"
               },
               "stackComponents": {
-                "text": "Stack Components"
+                "text": "Components"
               },
               "setting": {
                 "text": "Settings"

src/ui/components/icons/assets/Stack.svg

@@ -35,7 +35,7 @@ import { ReactComponent as Docs } from './assets/Docs.svg';
 import { ReactComponent as Example } from './assets/Example.svg';
 import { ReactComponent as Pipeline } from './assets/Pipeline.svg';
 import { ReactComponent as Stack } from './assets/Stack.svg';
-// import { ReactComponent as StackComponent } from './assets/StackComponent.svg';
+import { ReactComponent as StackComponent } from './assets/StackComponent.svg';
 import { ReactComponent as FunnelFill } from './assets/FunnelFill.svg';
 import { ReactComponent as Delete } from './assets/Delete.svg';
 import { ReactComponent as SimplePlus } from './assets/SimplePlus.svg';
@@ -46,7 +46,7 @@ import { ReactComponent as Edit } from './assets/Edit.svg';
 import { ReactComponent as Search } from './assets/Search.svg';
 
 //icons for stackComponents
-import { ReactComponent as PuzzlePiece } from './assets/PuzzlePiece.svg';
+// import { ReactComponent as PuzzlePiece } from './assets/PuzzlePiece.svg';
 import { ReactComponent as Folders } from './assets/Folders.svg';
 import { ReactComponent as BoundingBox } from './assets/BoundingBox.svg';
 import { ReactComponent as CloudArrowUp } from './assets/CloudArrowUp.svg';
@@ -165,7 +165,7 @@ const icons = {
   example: createIcon({ Component: Example, useStroke: true }),
   pipeline: createIcon({ Component: Pipeline, useStroke: true }),
   stack: createIcon({ Component: Stack, useStroke: true }),
-  stackComponent: createIcon({ Component: PuzzlePiece, useStroke: true }),
+  stackComponent: createIcon({ Component: StackComponent, useStroke: true }),
   funnelFill: createIcon({ Component: FunnelFill }),
   delete: createIcon({ Component: Delete }),
   edit: createIcon({ Component: Edit }),

src/ui/components/icons/assets/StackComponent.svg

@@ -41,14 +41,14 @@ import {
 import {
   showToasterAction,
   projectsActions,
-  pipelinesActions,
+  // pipelinesActions,
   pipelinePagesActions,
   runPagesActions,
   organizationActions,
 } from '../../redux/actions';
 import { NotFound } from './NotFound';
 
-import Tour from './Tour';
+// import Tour from './Tour';
 import { rolesActions } from '../../redux/actions/roles';
 
 export const translate = getTranslateByScope('ui.layouts.Dashboard');
@@ -224,7 +224,7 @@ export const DashBoard: React.FC = () => {
   return (
     <AuthenticatedLayout>
       <SidebarContainer>
-        <Tour />
+        {/* <Tour /> */}
         <EaseInBox>
           <Box marginTop="5xl" marginLeft="xl">
             <Row style={{ alignItems: 'center' }}>

src/ui/components/icons/index.tsx

@@ -8,9 +8,11 @@
 }
 
 .selectedProject {
+  font-family: 'Rubik';
   font-size: 10px;
   font-weight: 400;
   line-height: 12px;
+  color: #424240;
 }
 
 $activeBgColor: #fbfbfb;

src/ui/layouts/DashBoard.tsx

@@ -39,7 +39,7 @@ import {
 import { routePaths } from '../../../../../routes/routePaths';
 import { ProjectPopup } from './ProjectPopup';
 import ReactTooltip from 'react-tooltip';
-import { CookiePopup } from './CookiePopup'
+// import { CookiePopup } from './CookiePopup'
 
 // import { endpoints } from '../../../../../api/endpoints';
 
@@ -53,7 +53,7 @@ export const AuthenticatedHeader: React.FC<{
   const history = useHistory();
   const [popupOpen, setPopupOpen] = useState<boolean>(false);
   const [createPopupOpen, setCreatePopupOpen] = useState<boolean>(false);
-  const [showCookiePopup, setShowCookiePopup] = useState<any>(localStorage.getItem('showCookie'));
+  // const [showCookiePopup, setShowCookiePopup] = useState<any>(localStorage.getItem('showCookie'));
 
   const dispatch = useDispatch();
   const { push } = usePushRoute();
@@ -275,7 +275,7 @@ export const AuthenticatedHeader: React.FC<{
         </If>
       </FlexBox>
 
-      {showCookiePopup !== 'false' && <CookiePopup setShowCookie={setShowCookiePopup} />}
+      {/* {showCookiePopup !== 'false' && <CookiePopup setShowCookie={setShowCookiePopup} />} */}
     </>
   );
 };

src/ui/layouts/common/layouts/AuthenticatedLayout/AuthenticatedHeader.module.scss

@@ -3,8 +3,8 @@
 $bgColor: rgba(201, 203, 208, 0.2);
 
 .sidebar {
-  // width: 5.31rem !important;
-  height: 100vh;
+  width: 7.2rem !important;
+  height: 100vh; 
   background: linear-gradient(180deg, #433E99 0%, #8F599D 100%);
 }
 

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

@@ -23,7 +23,7 @@ import { EmailPopup } from './EmailPopup';
 import { loginAction } from '../../../redux/actions/session/loginAction';
 import jwt_decode from 'jwt-decode';
 
-import Tour from './Tour'
+// import Tour from './Tour'
 
 export const translate = getTranslateByScope('ui.layouts.PersonalDetails');
 
@@ -116,7 +116,7 @@ export const PersonalDetails: React.FC = () => {
           setPopupOpen={setPopupOpen}
         />
       )}
-      <Tour />
+      {/* <Tour /> */}
       <FlexBox.Column style={{ marginLeft: '40px' }} flex={1}>
         <Box marginTop="lg">
           <Row>