fix: bump pkgs, more tools section

.yarnrc.yml

@@ -2,4 +2,4 @@ defaultSemverRangePrefix: ''
 
 nodeLinker: node-modules
 
-yarnPath: .yarn/releases/yarn-4.3.1.cjs
+yarnPath: .yarn/releases/yarn-4.4.0.cjs

package.json

@@ -120,5 +120,5 @@
   "cacheDirectories": [
     "node_modules"
   ],
-  "packageManager": "yarn@4.3.1"
+  "packageManager": "yarn@4.4.0"
 }

src/@dvcorg/gatsby-theme-iterative/components/LayoutFooter/index.tsx

@@ -17,6 +17,8 @@ import { ReactComponent as StudioSVG } from '../../../../../static/img/studio_ic
 import * as styles from '@dvcorg/gatsby-theme-iterative/src/components/LayoutFooter/styles.module.css'
 import LogoGradient from '@dvcorg/gatsby-theme-iterative/src/components/LogoGradient'
 
+import { githubDatachainUrl } from '../../../../utils/externalUrls'
+
 const docsPage = getFirstPage()
 
 interface IFooterLinkData {
@@ -99,12 +101,12 @@ const footerListsData: Array<IFooterListData> = [
     ]
   },
   {
-    header: 'Other Tools',
+    header: 'More Tools',
     links: [
       {
-        href: '/',
-        text: 'DVC',
-        icon: <LogoSVG className={styles.productIcon} />
+        href: githubDatachainUrl,
+        text: 'DataChain',
+        icon: <span className={styles.productIcon}>🔗</span>
       },
       {
         href: 'https://studio.iterative.ai/',

src/@dvcorg/gatsby-theme-iterative/components/LayoutHeader/Nav/Popup/index.tsx

@@ -73,17 +73,29 @@ export const OtherToolsPopup: React.FC<IPopupProps> = ({
 }) => (
   <BasePopup className={styles.otherToolsPopup} isVisible={isVisible}>
     {menuData.products.map(
-      ({ title, iconClass, description, href, target, titleImgClass }, i) => (
+      (
+        { title, icon, iconClass, description, href, target, titleImgClass },
+        i
+      ) => (
         <Link
           className={styles.link}
           href={href}
           key={i}
           target={target}
           onClick={closePopup}
         >
-          <div className={cn(styles.linkIcon, iconClass)} />
+          {icon ? (
+            <div
+              className="h-8 w-8 flex justify-end"
+              style={{ gridArea: 'icon' }}
+            >
+              {icon}
+            </div>
+          ) : (
+            <div className={cn(styles.linkIcon, iconClass)} />
+          )}
           <p className={styles.title}>
-            {title}
+            {title} {href === '/' ? ' 👈' : null}
             {titleImgClass && (
               <span className={cn(styles.titleIcon, titleImgClass)}></span>
             )}

src/@dvcorg/gatsby-theme-iterative/data/menu.ts → src/@dvcorg/gatsby-theme-iterative/data/menu.tsx

@@ -11,6 +11,8 @@ import {
   INavLinkData,
   INavLinkPopupData
 } from '../components/LayoutHeader/Nav/LinkItems'
+import { githubDatachainUrl } from '../../../utils/externalUrls'
+import { ReactNode } from 'react'
 
 interface ICommunityData {
   title: string
@@ -26,6 +28,7 @@ interface IProductsData {
   description: string
   iconClass: string | null
   href: string
+  icon?: ReactNode
   img: string
   imgAlt: string
   target?: '_blank'
@@ -73,7 +76,7 @@ const menuData: IMenuData = {
       text: 'Support'
     },
     {
-      text: 'Other Tools',
+      text: 'More Tools',
       popupName: 'otherToolsPopup',
       Popup: OtherToolsPopup
     },
@@ -124,6 +127,16 @@ const menuData: IMenuData = {
     }
   ],
   products: [
+    {
+      title: 'DataChain',
+      description:
+        'Wrangle unstructured data in Python using AI helpers at scale',
+      href: githubDatachainUrl,
+      iconClass: '',
+      img: '',
+      imgAlt: '',
+      icon: <span className="inline-block text-2xl">🔗</span>
+    },
     {
       title: 'DVC Studio',
       description: 'Track experiments and share insights from ML projects',
@@ -132,19 +145,11 @@ const menuData: IMenuData = {
       img: '/img/studio_icon-color--square_vector.svg',
       imgAlt: 'Studio logo'
     },
-    {
-      title: 'DVC',
-      description: 'Open-source version control system for ML projects',
-      iconClass: styles.dvcIcon,
-      href: '/',
-      img: '/img/dvc_icon-color--square_vector.svg',
-      imgAlt: 'DVC logo'
-    },
     {
       title: 'VS Code Extension',
       titleImgClass: styles.vscodeIcon,
       description: 'Local ML model development and experiment tracking',
-      iconClass: null,
+      iconClass: styles.dvcIcon,
       href: 'https://marketplace.visualstudio.com/items?itemName=Iterative.dvc',
       img: '/img/dvc_icon-color--square_vector.svg',
       imgAlt: 'DVC logo'