From 0e4a1fcefde48b1283abdb5d33301a849ce623fe Mon Sep 17 00:00:00 2001
From: gitstart-omnivore <gitstart@users.noreply.github.com>
Date: Thu, 24 Mar 2022 23:10:31 +0000
Subject: [PATCH] effected review corrections

---
 packages/web/components/patterns/LinkedItemCard.tsx | 13 ++++++-------
 .../templates/homeFeed/HomeFeedContainer.tsx        |  7 +++----
 packages/web/components/tokens/stitches.config.ts   |  6 ++++--
 3 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/packages/web/components/patterns/LinkedItemCard.tsx b/packages/web/components/patterns/LinkedItemCard.tsx
index 4dbac4b77..6e951e308 100644
--- a/packages/web/components/patterns/LinkedItemCard.tsx
+++ b/packages/web/components/patterns/LinkedItemCard.tsx
@@ -88,7 +88,6 @@ export function GridLinkedItemCard(props: LinkedItemCardProps): JSX.Element {
         onClick={() => {
           props.handleAction('showDetail')
         }}
-        className="grid-item-card"
       >
         <Box css={{
           position: 'absolute',
@@ -183,6 +182,7 @@ export function GridLinkedItemCard(props: LinkedItemCardProps): JSX.Element {
               m: 0,
               py: '0px',
               mr: '$2',
+              maxWidth:'50%',
               fontStyle: 'normal',
               fontWeight: '400',
               fontSize: '14px',
@@ -197,23 +197,22 @@ export function GridLinkedItemCard(props: LinkedItemCardProps): JSX.Element {
           >
             {props.item.description}
           </StyledText>
-          {/* {props.item.image && ( */}
+          {props.item.image && (
             <CoverImage
-              // src={props.item.image}
-              src={"https://www.industrialempathy.com/img/remote/ZiClJf-1920w.jpg"}
+              src={props.item.image}
               alt="Link Preview Image"
               width={135}
               height={90}
               css={{ ml: '10px', mb: '8px', borderRadius: '3px' }}
               onError={(e) => {
-                // (e.target as HTMLElement).style.display = 'none'
+                (e.target as HTMLElement).style.display = 'none'
               }}
             />
-          {/* )} */}
+          )}
         </HStack>
         <HStack css={{ mt: '8px' }}>
               {
-                Labels.map(({text, color}, index) => <Label key={index} text={text} color={color} />)
+                props.item.labels?.map(({description, color}, index) => <Label key={index} text={description || ''} color={color} />)
               }
         </HStack>
       </VStack>
diff --git a/packages/web/components/templates/homeFeed/HomeFeedContainer.tsx b/packages/web/components/templates/homeFeed/HomeFeedContainer.tsx
index c8ac93657..de901747f 100644
--- a/packages/web/components/templates/homeFeed/HomeFeedContainer.tsx
+++ b/packages/web/components/templates/homeFeed/HomeFeedContainer.tsx
@@ -1,7 +1,6 @@
 import { Box, HStack, VStack } from './../../elements/LayoutPrimitives'
 import { useGetLibraryItemsQuery } from '../../../lib/networking/queries/useGetLibraryItemsQuery'
 import { useGetViewerQuery } from '../../../lib/networking/queries/useGetViewerQuery'
-import { isDarkTheme } from '../../../lib/themeUpdater'
 import type {
   LibraryItem,
   LibraryItemsQueryInput,
@@ -572,12 +571,12 @@ function HomeFeedGrid(props: HomeFeedContentProps): JSX.Element {
                 },
                 '&:focus': {
                   '> div': {
-                    boxShadow: isDarkTheme() ? '$cardItemDarkShadow' : '$cardItemLightShadow',
+                    boxShadow: layout === 'LIST_LAYOUT' ? 'none' : '$cardItemShadow',
                   }
                 },
                 '&:hover': {
-                  '> div.grid-item-card': {
-                    boxShadow: isDarkTheme() ? '$cardItemDarkShadow' : '$cardItemLightShadow',
+                  '> div': {
+                    boxShadow:  layout === 'LIST_LAYOUT' ? 'none' : '$cardItemShadow',
                   }
                 },
               }}
diff --git a/packages/web/components/tokens/stitches.config.ts b/packages/web/components/tokens/stitches.config.ts
index 69650c19b..2546910a7 100644
--- a/packages/web/components/tokens/stitches.config.ts
+++ b/packages/web/components/tokens/stitches.config.ts
@@ -111,8 +111,7 @@ export const { styled, css, theme, getCssText, globalCss, keyframes, config } =
       borderStyles: {},
       shadows: {
         panelShadow: '0px 4px 18px rgba(120, 123, 134, 0.12)',
-        cardItemLightShadow: '0px 8px 32px rgba(32, 31, 29, 0.33)',
-        cardItemDarkShadow: '0px 8px 32px rgba(255, 255, 255, 0.33)',
+        cardItemShadow: '0px 8px 32px rgba(32, 31, 29, 0.33)',
       },
       zIndices: {},
       transitions: {},
@@ -213,6 +212,9 @@ const darkThemeSpec = {
     avatarBg: '#000000',
     avatarFont: 'rgba(255, 255, 255, 0.8)',
   },
+  shadows: {
+    cardItemShadow: '0px 8px 32px rgba(255, 255, 255, 0.33)',
+  },
 }
 
 // Dark and Darker theme now match each other.