added icon for logs in Dag.

Author: talhainvenxion

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

@@ -44,7 +44,7 @@ import { ReactComponent as Cached } from './assets/Cached.svg';
 import { ReactComponent as RightArrow } from './assets/RightArrow.svg';
 import { ReactComponent as Edit } from './assets/Edit.svg';
 import { ReactComponent as Search } from './assets/Search.svg';
-
+import { ReactComponent as Logs } from './assets/Logs.svg';
 //icons for stackComponents
 // import { ReactComponent as PuzzlePiece } from './assets/PuzzlePiece.svg';
 import { ReactComponent as Folders } from './assets/Folders.svg';
@@ -172,7 +172,7 @@ const icons = {
   edit: createIcon({ Component: Edit }),
   search: createIcon({ Component: Search }),
   run: createIcon({ Component: Run, useStroke: true }),
-
+  logs: createIcon({ Component: Logs, useStroke: true }),
   //icons for stackComponents
   artifact_store: createIcon({ Component: Folders, useStroke: true }),
   alerter: createIcon({ Component: ChatDots, useStroke: true }),

src/ui/components/icons/index.tsx

@@ -15,6 +15,9 @@ import './index.css';
 import { Analysis, Data, Model, Schema, Service, Statistic } from './icons';
 import { useDispatch } from '../../hooks';
 import { runsActions } from '../../../redux/actions';
+import { iconColors, iconSizes } from '../../../constants';
+import { icons } from '../icons';
+import { Box } from '../boxes';
 
 interface Edge {
   id: string;
@@ -142,7 +145,20 @@ export const LayoutFlow: React.FC<any> = (graph: any, metadata?: any) => {
   return (
     <>
       <div className="controls">
-        <button
+        <Box
+          style={{ paddingTop: '6px' }}
+          onClick={() =>
+            window.open(
+              graph?.metadata[0]?.value
+                ? graph?.metadata[0]?.value
+                : 'https://zenml.io/home',
+            )
+          }
+        >
+          {/* Logs */}
+          <icons.logs size={iconSizes.lg} color={iconColors.black} />
+        </Box>
+        {/* <button
           onClick={() => {
             window.open(
               graph?.metadata[0]?.value
@@ -158,7 +174,7 @@ export const LayoutFlow: React.FC<any> = (graph: any, metadata?: any) => {
           }}
         >
           Logs
-        </button>
+        </button> */}
         <button
           onClick={() => {
             dispatch(