From 209aeac20b8f6e53f41eee1990d29cbd8b648af9 Mon Sep 17 00:00:00 2001
From: Tom Haile <bradford.haile@gmail.com>
Date: Fri, 5 Apr 2024 12:18:50 -0500
Subject: [PATCH] fix color in link grid (#710)

* fix color in link grid

* update links to social card and dev office hours

* point network upgrade to migration docs

* udpate gpt link

* fix styling of pill button

* change to working groups
---
 .../Components/HomepageStartItem/HomepagePillItem.tsx  |  4 ++--
 .../src/lib/Components/HomepageStartList/index.tsx     | 10 +++++-----
 .../src/lib/Components/LinkGrid/index.tsx              |  4 ++--
 .../src/lib/Components/SocialCards/index.tsx           |  2 +-
 4 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/ui/design-system/src/lib/Components/HomepageStartItem/HomepagePillItem.tsx b/src/ui/design-system/src/lib/Components/HomepageStartItem/HomepagePillItem.tsx
index bcf8d25802..7ffee0ee9e 100644
--- a/src/ui/design-system/src/lib/Components/HomepageStartItem/HomepagePillItem.tsx
+++ b/src/ui/design-system/src/lib/Components/HomepageStartItem/HomepagePillItem.tsx
@@ -17,11 +17,11 @@ export function HomepagePillItem({
 }: HomepagePillItemsProps): React.ReactElement {
   return (
     <AppLink
-      className="flex px-3 py-2 cursor-pointer gap-4 rounded-custom text-black hover:no-underline hover:text-black hover:bg-primary-gray-10 bg-white justify-start items-center hover:border-black"
+      className="flex py-3 pl-3 cursor-pointer rounded-custom text-black hover:no-underline hover:text-black hover:bg-primary-gray-10 bg-white justify-start items-center hover:border-black"
       to={link}
     >
       <HomepageStartItemIcons icon={icon} />
-      <div className="relative group align-center">
+      <div className="relative group align-center mx-2">
         <div className="flex text-semibold group-hover:translate-y-[-10px] transition-transform duration-200 ease-in-out">
           <span className="text-center">{text}</span>
         </div>
diff --git a/src/ui/design-system/src/lib/Components/HomepageStartList/index.tsx b/src/ui/design-system/src/lib/Components/HomepageStartList/index.tsx
index 00e8c589cd..e717611a83 100644
--- a/src/ui/design-system/src/lib/Components/HomepageStartList/index.tsx
+++ b/src/ui/design-system/src/lib/Components/HomepageStartList/index.tsx
@@ -29,13 +29,13 @@ const homepageData: Record<string, HomepageStartItemProps> = {
 
 const homepagePillData: Record<string, HomepagePillItemsProps> = {
   'dev-office-hours': {
-    link: 'https://calendar.google.com/calendar/ical/c_47978f5cd9da636cadc6b8473102b5092c1a865dd010558393ecb7f9fd0c9ad0%40group.calendar.google.com/public/basic.ics',
+    link: 'https://github.com/onflow/Flow-Working-Groups#Calendar',
     icon: 'dev-office-hours',
-    text: 'Dev Office Hours',
-    subText: 'Join the call',
+    text: 'Working Groups',
+    subText: 'Get involved',
   },
   'flow-assistant': {
-    link: '/tools/flow-cli',
+    link: 'https://chat.openai.com/g/g-lt4a6jvfj-flow-cadence-1-0-migration-helper',
     icon: 'flow-assistant-gpt',
     text: 'Flow Assistant GPT',
     subText: 'Check it out',
@@ -47,7 +47,7 @@ const homepagePillData: Record<string, HomepagePillItemsProps> = {
     subText: 'Chat with devs',
   },
   'network-upgrade': {
-    link: '/build/flow',
+    link: 'https://cadence-lang.org/docs/1.0/cadence-migration-guide/',
     icon: 'network-upgrade',
     text: 'Network Upgrade',
     subText: 'View latest',
diff --git a/src/ui/design-system/src/lib/Components/LinkGrid/index.tsx b/src/ui/design-system/src/lib/Components/LinkGrid/index.tsx
index 150a1370c4..efdef17f31 100644
--- a/src/ui/design-system/src/lib/Components/LinkGrid/index.tsx
+++ b/src/ui/design-system/src/lib/Components/LinkGrid/index.tsx
@@ -170,7 +170,7 @@ const SectionCard = ({
         className="border-none bg-transparent font-semibold hover:underline mt-auto py-5"
       >
         <span className="md:hidden">View All</span>
-        <span className="hidden md:block text-primary-gray-600 hover:text-primary-green dark:hover:text-green-dark">
+        <span className="hidden md:block text-primary-gray-300 hover:text-primary-green dark:hover:text-green-dark">
           More
         </span>
       </a>
@@ -186,7 +186,7 @@ export const LinkGrid = (): React.ReactNode => (
         href="/build/flow"
         className="hover:no-underline text-primary-gray-600 hover:text-primary-gray-600"
       >
-        <div className="px-6 flex items-center gap-2 font-semibold hover:opacity-80 hover:cursor-pointer hover:no-underline">
+        <div className="px-6 flex items-center gap-2 font-semibold hover:opacity-80 hover:cursor-pointer hover:no-underline text-primary-gray-300 ">
           Read Docs
           <ReadDocs className="hidden md:block stroke-current" />
           <ArrowRight className="md:hidden stroke-current" />
diff --git a/src/ui/design-system/src/lib/Components/SocialCards/index.tsx b/src/ui/design-system/src/lib/Components/SocialCards/index.tsx
index a992eb64ff..dcb1e641e0 100644
--- a/src/ui/design-system/src/lib/Components/SocialCards/index.tsx
+++ b/src/ui/design-system/src/lib/Components/SocialCards/index.tsx
@@ -17,7 +17,7 @@ const socialCardData = [
   {
     icon: 'github',
     title: 'GitHub',
-    subText: 'Connect at @flow_blockchain',
+    subText: 'Connect at @onflow',
     url: 'https://github.com/onflow',
   },
 ];