From 04c1977db952886feaef2f78210517a9108b4e52 Mon Sep 17 00:00:00 2001
From: Thomas Kunwar <20840228+yathomasi@users.noreply.github.com>
Date: Sat, 10 Aug 2024 11:59:42 +0545
Subject: [PATCH] fix: bump pkgs to fix typo, more tools section

---
 package.json                                  |  2 +-
 .../LayoutHeader/OtherToolsPopup/index.tsx    | 57 +++++++++++--------
 yarn.lock                                     |  8 +--
 3 files changed, 38 insertions(+), 29 deletions(-)

diff --git a/package.json b/package.json
index 602fc21e..4ca744c5 100644
--- 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
index a256e9b8..109b38c1 100644
--- 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,15 +18,18 @@ 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',
@@ -36,24 +37,18 @@ const otherToolsPopupData: Array<{
     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
index 86c3db02..f58546c5 100644
--- 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/gatsby-theme-iterative@0.3.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/gatsby-theme-iterative@0.3.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"