chore: add icons

SwissDataScienceCenter · Feb 22, 2023 · 68cd9bc · 68cd9bc
1 parent 1e80e28
commit 68cd9bc
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 8 deletions.
diff --git a/client/src/project/Project.present.js b/client/src/project/Project.present.js
@@ -64,11 +64,12 @@ import { ThrottledTooltip } from "../utils/components/Tooltip";
 import EntityHeader from "../utils/components/entityHeader/EntityHeader";
 import { SshDropdown, SshModal } from "../utils/components/ssh/ssh";
 import { useProjectJsonLdQuery } from "../features/projects/ProjectKgApi";
-
-import "./Project.css";
 import { StartSessionLink } from "../utils/components/entities/Buttons";
 import GitLabConnectButton, { externalUrlToGitLabIdeUrl } from "./components/GitLabConnect";
 
+import "./Project.css";
+import rkIconStartWithOptions from "../styles/icons/start-with-options.svg";
+
 function filterPaths(paths, blacklist) {
   // Return paths to do not match the blacklist of regexps.
   const result = paths.filter(p => blacklist.every(b => p.match(b) === null));
@@ -502,7 +503,10 @@ function StartSessionButton(props) {
     <>
       <ButtonWithMenu className="startButton" size="sm" default={defaultAction} color="rk-green" isPrincipal={true}>
         <DropdownItem>
-          <Link className="text-decoration-none" to={launchNotebookUrl}>Start with options</Link>
+          <Link className="text-decoration-none" to={launchNotebookUrl}>
+            <img src={rkIconStartWithOptions} className="rk-icon rk-icon-md btn-with-menu-margin" />
+            Start with options
+          </Link>
         </DropdownItem>
         <SshDropdown fullPath={fullPath} gitUrl={gitUrl} />
       </ButtonWithMenu>

diff --git a/client/src/styles/icons/start-with-options.svg b/client/src/styles/icons/start-with-options.svg
diff --git a/client/src/utils/components/ssh/ssh.tsx b/client/src/utils/components/ssh/ssh.tsx
@@ -55,11 +55,9 @@ function SshDropdown({ fullPath, gitUrl }: SshDropdownProps) {
   };
 
   return (
-    <div>
-      <DropdownItem onClick={(e: React.MouseEvent<HTMLElement>) => handleClick(e)}>
-        <img src={rkIconSsh} className="rk-icon rk-icon-md btn-with-menu-margin" /> Start SSH session
-      </DropdownItem>
-    </div>
+    <DropdownItem onClick={(e: React.MouseEvent<HTMLElement>) => handleClick(e)}>
+      <img src={rkIconSsh} className="rk-icon rk-icon-md btn-with-menu-margin" /> Start SSH session
+    </DropdownItem>
   );
 }