fix: bump pkgs to fix typo, more tools section

iterative · Aug 10, 2024 · 04c1977 · 04c1977 · github-actions · Aug 10, 2024
1 parent c321b1c
commit 04c1977
Show file tree

Hide file tree

Showing 3 changed files with 38 additions and 29 deletions.
diff --git a/package.json b/package.json
@@ -26,7 +26,7 @@
     "prepare": "husky install"
   },
   "dependencies": {
-    "@dvcorg/gatsby-theme-iterative": "0.3.20",
+    "@dvcorg/gatsby-theme-iterative": "0.3.21",
     "@dvcorg/websites-server": "0.1.1",
     "@octokit/request": "6.2.4",
     "autoprefixer": "10.4.14",

diff --git a/src/@dvcorg/gatsby-theme-iterative/components/LayoutHeader/OtherToolsPopup/index.tsx b/src/@dvcorg/gatsby-theme-iterative/components/LayoutHeader/OtherToolsPopup/index.tsx
@@ -1,9 +1,7 @@
-import React from 'react'
+import React, { ReactNode } from 'react'
 import cn from 'classnames'
 import { ReactComponent as StudioSVG } from '../../../../../images/icons/studio.svg'
 import { ReactComponent as DvcSVG } from '../../../../../images/icons/dvc.svg'
-import { ReactComponent as CmlSVG } from '../../../../../images/icons/cml.svg'
-import { ReactComponent as MlemSVG } from '../../../../../images/icons/mlem.svg'
 import { ReactComponent as ExternalLinkSVG } from '../../../../../images/icons/external-link.svg'
 import { ReactComponent as DownSVG } from '../../../../../images/icons/down.svg'
 import { ReactComponent as VsCodeSVG } from '../../../../../images/icons/vscode.svg'
@@ -20,40 +18,37 @@ interface IOtherToolsPopupProps {
 const otherToolsPopupData: Array<{
   title: string
   titleImg?: React.FC<React.SVGProps<SVGSVGElement>>
-  icon: React.FC<React.SVGProps<SVGSVGElement>> | React.FC
+  icon: React.FC<React.SVGProps<SVGSVGElement>> | React.FC | null
+  customIcon?: ReactNode
   description: string
   href: string
 }> = [
   {
-    title: 'Studio',
-    icon: StudioSVG,
-    description: 'Track experiments and share insights from ML projects',
-    href: 'https://studio.iterative.ai/'
+    title: 'DataChain',
+    icon: null,
+    customIcon: <span className="text-xl flex justify-end">🔗</span>,
+    description:
+      'Wrangle unstructured data in Python using AI helpers at scale',
+    href: 'https://github.com/iterative/datachain'
   },
   {
     title: 'DVC',
     icon: DvcSVG,
     description: 'Open-source version control system for ML projects',
     href: 'https://dvc.org/'
   },
+  {
+    title: 'DVC Studio',
+    icon: StudioSVG,
+    description: 'Track experiments and share insights from ML projects',
+    href: 'https://studio.iterative.ai/'
+  },
   {
     title: 'VS Code Extension',
     titleImg: VsCodeSVG,
-    icon: () => <div></div>,
+    icon: DvcSVG,
     description: 'Local ML model development and experiment tracking',
     href: 'https://marketplace.visualstudio.com/items?itemName=Iterative.dvc'
-  },
-  {
-    title: 'CML',
-    icon: CmlSVG,
-    description: 'Open-source CI/CD for ML projects',
-    href: 'https://cml.dev/'
-  },
-  {
-    title: 'MLEM',
-    icon: MlemSVG,
-    description: 'The open-source tool to simplify your ML model deployments',
-    href: '/'
   }
 ]
 
@@ -74,7 +69,7 @@ const OtherToolsPopup: React.FC<IOtherToolsPopupProps> = ({
         onKeyUp={onSelectKey(otherToolsPopup.toggle)}
         className={navItemClassName}
       >
-        Other Tools{' '}
+        More Tools{' '}
         <DownSVG
           className={cn(otherToolsPopup.isOpen && styles.flip)}
           width={8}
@@ -88,14 +83,28 @@ const OtherToolsPopup: React.FC<IOtherToolsPopupProps> = ({
         )}
       >
         {otherToolsPopupData.map(
-          ({ title, icon: Icon, description, href, titleImg: TitleImg }, i) => (
+          (
+            {
+              title,
+              icon: Icon,
+              customIcon,
+              description,
+              href,
+              titleImg: TitleImg
+            },
+            i
+          ) => (
             <SmartLink
               key={i}
               href={href}
               className={styles.link}
               onClick={otherToolsPopup.close}
             >
-              {<Icon width={16} height={16} className={styles.link__icon} />}
+              {customIcon ? (
+                customIcon
+              ) : Icon ? (
+                <Icon width={16} height={16} className={styles.link__icon} />
+              ) : null}
               <h2 className={styles.link__title}>
                 {title}
                 {TitleImg && <TitleImg />}

diff --git a/yarn.lock b/yarn.lock
@@ -1575,10 +1575,10 @@
   resolved "https://registry.yarnpkg.com/@csstools/selector-specificity/-/selector-specificity-2.2.0.tgz#2cbcf822bf3764c9658c4d2e568bd0c0cb748016"
   integrity sha512-+OJ9konv95ClSTOJCmMZqpd5+YGsB2S+x6w3E1oaM8UuR5j8nTNHYSz8c9BEPGDOCMQYIEEGlVPj/VY64iTbGw==
 
-"@dvcorg/[email protected].20":
-  version "0.3.20"
-  resolved "https://registry.yarnpkg.com/@dvcorg/gatsby-theme-iterative/-/gatsby-theme-iterative-0.3.20.tgz#8b73c9a3ca0542449729f5c277b7e4aa91d06135"
-  integrity sha512-5EXwELAmzGbcl0h8+k3K+ggz/wvHYGtR5pOdPNQW2jeVpNsARr8RjN7rd7eOVcGaZsvYnvp8Ukg8P6ohG9cafQ==
+"@dvcorg/[email protected].21":
+  version "0.3.21"
+  resolved "https://registry.yarnpkg.com/@dvcorg/gatsby-theme-iterative/-/gatsby-theme-iterative-0.3.21.tgz#01e4126fbf93c4c6a63f45e8967816a71ba4d935"
+  integrity sha512-DnxqIED7fOlQ2yObl0l1EU38GZc9cDn/OXRvoJPppoBrePcxLgCdXVDBUuPMtjmjx8XlZXtLgcPRs/mYqXnA4w==
   dependencies:
     "@babel/plugin-transform-react-jsx" "^7.23.4"
     "@reach/portal" "^0.18.0"