From 1b21617e2471f1d91efcd2fb314fa9207c4aae95 Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Tue, 9 Jul 2024 14:38:01 +0800
Subject: [PATCH] Hover titles for actions in home

---
 packages/web/components/nav-containers/HomeContainer.tsx      | 4 ++++
 .../components/patterns/LibraryCards/LibraryHoverActions.tsx  | 4 +---
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/packages/web/components/nav-containers/HomeContainer.tsx b/packages/web/components/nav-containers/HomeContainer.tsx
index a9b1bb5ad..8870c7ac7 100644
--- a/packages/web/components/nav-containers/HomeContainer.tsx
+++ b/packages/web/components/nav-containers/HomeContainer.tsx
@@ -683,6 +683,7 @@ const TopPicksItemView = (
       <HStack css={{ gap: '10px', my: '15px', px: '20px' }}>
         {props.homeItem.canMove && (
           <Button
+            title="Add to library"
             style="homeAction"
             onClick={async (event) => {
               event.preventDefault()
@@ -707,6 +708,7 @@ const TopPicksItemView = (
         )}
         {props.homeItem.canArchive && (
           <Button
+            title="Archive"
             style="homeAction"
             onClick={async (event) => {
               event.preventDefault()
@@ -731,6 +733,7 @@ const TopPicksItemView = (
         )}
         {props.homeItem.canDelete && (
           <Button
+            title="Delete"
             style="homeAction"
             onClick={async (event) => {
               event.preventDefault()
@@ -759,6 +762,7 @@ const TopPicksItemView = (
         )}
         {props.homeItem.canShare && (
           <Button
+            title="Share original"
             style="homeAction"
             onClick={async (event) => {
               event.preventDefault()
diff --git a/packages/web/components/patterns/LibraryCards/LibraryHoverActions.tsx b/packages/web/components/patterns/LibraryCards/LibraryHoverActions.tsx
index 803d3d38f..a63f7aea3 100644
--- a/packages/web/components/patterns/LibraryCards/LibraryHoverActions.tsx
+++ b/packages/web/components/patterns/LibraryCards/LibraryHoverActions.tsx
@@ -4,7 +4,7 @@ import { LibraryItemNode } from '../../../lib/networking/queries/useGetLibraryIt
 import { LinkedItemCardAction } from './CardTypes'
 import { Button } from '../../elements/Button'
 import { theme } from '../../tokens/stitches.config'
-import { DotsThree, Share } from '@phosphor-icons/react'
+import { DotsThree } from '@phosphor-icons/react'
 import { CardMenu } from '../CardMenu'
 import { UserBasicData } from '../../../lib/networking/queries/useGetViewerQuery'
 import { ArchiveIcon } from '../../elements/icons/ArchiveIcon'
@@ -13,7 +13,6 @@ import { TrashIcon } from '../../elements/icons/TrashIcon'
 import { LabelIcon } from '../../elements/icons/LabelIcon'
 import { UnarchiveIcon } from '../../elements/icons/UnarchiveIcon'
 import { BrowserIcon } from '../../elements/icons/BrowserIcon'
-import useLibraryItemActions from '../../../lib/hooks/useLibraryItemActions'
 import { MoveToInboxIcon } from '../../elements/icons/MoveToInboxIcon'
 
 type LibraryHoverActionsProps = {
@@ -27,7 +26,6 @@ type LibraryHoverActionsProps = {
 
 export const LibraryHoverActions = (props: LibraryHoverActionsProps) => {
   const [menuOpen, setMenuOpen] = useState(false)
-  const { moveItem } = useLibraryItemActions()
 
   return (
     <Box