From ecb44c4c805299c9497ca654674edd5c3186a898 Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Tue, 1 Mar 2022 08:54:19 -0800
Subject: [PATCH] Add labels to library items query, improve design of labels

---
 packages/web/components/elements/Label.tsx                    | 4 ++--
 .../web/lib/networking/queries/useGetLibraryItemsQuery.tsx    | 2 ++
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/packages/web/components/elements/Label.tsx b/packages/web/components/elements/Label.tsx
index 4ff38f505..44dbed21a 100644
--- a/packages/web/components/elements/Label.tsx
+++ b/packages/web/components/elements/Label.tsx
@@ -22,8 +22,8 @@ export function Label(props: LabelProps): JSX.Element {
         borderRadius: '32px',
         color: props.color,
         padding: '4px 8px 4px 8px',
-        border: `1px solid ${props.color}`,
-        backgroundColor: `rgba(${color[0]}, ${color[1]}, ${color[2]}, 0.3)`,
+        border: `1px solid rgba(${color[0]}, ${color[1]}, ${color[2]}, 0.40)`,
+        backgroundColor: `rgba(${color[0]}, ${color[1]}, ${color[2]}, 0.20)`,
       }}
     >
       {props.text}
diff --git a/packages/web/lib/networking/queries/useGetLibraryItemsQuery.tsx b/packages/web/lib/networking/queries/useGetLibraryItemsQuery.tsx
index d6ab3ac4e..1d5dbc0f8 100644
--- a/packages/web/lib/networking/queries/useGetLibraryItemsQuery.tsx
+++ b/packages/web/lib/networking/queries/useGetLibraryItemsQuery.tsx
@@ -7,6 +7,7 @@ import { setLinkArchivedMutation } from '../mutations/setLinkArchivedMutation'
 import { deleteLinkMutation } from '../mutations/deleteLinkMutation'
 import { articleReadingProgressMutation } from '../mutations/articleReadingProgressMutation'
 import { labelFragment } from '../fragments/labelFragment'
+import { Label } from './useGetLabelsQuery'
 
 export type LibraryItemsQueryInput = {
   limit: number
@@ -54,6 +55,7 @@ export type LibraryItemNode = ArticleFragmentData & {
   hasContent: boolean
   originalArticleUrl: string
   sharedComment?: string
+  labels?: Label[]
 }
 
 export type PageInfo = {