From c14550f14f3f32520b066fb4bbc99023a9b1dacc Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Mon, 27 Feb 2023 14:54:48 +0800
Subject: [PATCH] Use new grid cards

---
 .../components/patterns/LibraryCards/LinkedItemCard.tsx  | 3 ++-
 .../components/templates/homeFeed/HomeFeedContainer.tsx  | 9 ++++-----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/web/components/patterns/LibraryCards/LinkedItemCard.tsx b/packages/web/components/patterns/LibraryCards/LinkedItemCard.tsx
index 28e4daf71..424c18776 100644
--- a/packages/web/components/patterns/LibraryCards/LinkedItemCard.tsx
+++ b/packages/web/components/patterns/LibraryCards/LinkedItemCard.tsx
@@ -3,6 +3,7 @@ import { ListLinkedItemCard } from './ListLinkedItemCard'
 import type { LinkedItemCardProps } from './CardTypes'
 import { HighlightItemCard } from './HighlightItemCard'
 import { PageType } from '../../../lib/networking/fragments/articleFragment'
+import { LibraryGridCard } from './LibraryGridCard'
 
 const shouldHideUrl = (url: string): boolean => {
   try {
@@ -41,6 +42,6 @@ export function LinkedItemCard(props: LinkedItemCardProps): JSX.Element {
   if (props.layout == 'LIST_LAYOUT') {
     return <ListLinkedItemCard {...props} originText={originText} />
   } else {
-    return <GridLinkedItemCard {...props} originText={originText} />
+    return <LibraryGridCard {...props} originText={originText} />
   }
 }
diff --git a/packages/web/components/templates/homeFeed/HomeFeedContainer.tsx b/packages/web/components/templates/homeFeed/HomeFeedContainer.tsx
index 12c7cb2ab..da18f6f0c 100644
--- a/packages/web/components/templates/homeFeed/HomeFeedContainer.tsx
+++ b/packages/web/components/templates/homeFeed/HomeFeedContainer.tsx
@@ -98,9 +98,8 @@ export function HomeFeedContainer(): JSX.Element {
 
   const gridContainerRef = useRef<HTMLDivElement>(null)
 
-  const [labelsTarget, setLabelsTarget] = useState<LibraryItem | undefined>(
-    undefined
-  )
+  const [labelsTarget, setLabelsTarget] =
+    useState<LibraryItem | undefined>(undefined)
 
   const [showAddLinkModal, setShowAddLinkModal] = useState(false)
   const [showEditTitleModal, setShowEditTitleModal] = useState(false)
@@ -814,7 +813,7 @@ function HomeFeedGrid(props: HomeFeedContentProps): JSX.Element {
             }) => (
               <div
                 {...getRootProps({ className: 'dropzone' })}
-                style={{ width: '100%', height: '100%' }}
+                style={{ height: '100%' }}
               >
                 {inDragOperation && uploadingFiles.length < 1 && (
                   <DragnDropContainer>
@@ -883,7 +882,7 @@ function HomeFeedGrid(props: HomeFeedContentProps): JSX.Element {
                       width: '100%',
                       gridAutoRows: 'auto',
                       borderRadius: '8px',
-                      gridGap: layout == 'LIST_LAYOUT' ? '0' : '$3',
+                      gridGap: layout == 'LIST_LAYOUT' ? '0' : '20px',
                       marginTop: layout == 'LIST_LAYOUT' ? '21px' : '0',
                       marginBottom: '0px',
                       paddingTop: layout == 'LIST_LAYOUT' ? '0' : '21px',