From ba300cf14bb145423625ded6398faf955fe19f66 Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Mon, 26 Feb 2024 14:44:58 +0800
Subject: [PATCH] Add open original hover action

---
 .../patterns/LibraryCards/LibraryHoverActions.tsx | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/packages/web/components/patterns/LibraryCards/LibraryHoverActions.tsx b/packages/web/components/patterns/LibraryCards/LibraryHoverActions.tsx
index 48c486a44..bb8234b92 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 } from 'phosphor-react'
+import { DotsThree, Share } from 'phosphor-react'
 import { CardMenu } from '../CardMenu'
 import { UserBasicData } from '../../../lib/networking/queries/useGetViewerQuery'
 import { ArchiveIcon } from '../../elements/icons/ArchiveIcon'
@@ -31,7 +31,7 @@ export const LibraryHoverActions = (props: LibraryHoverActionsProps) => {
         overflow: 'clip',
 
         height: '33px',
-        width: '162px',
+        width: '182px',
         bg: '$thBackground',
         display: 'flex',
 
@@ -111,6 +111,17 @@ export const LibraryHoverActions = (props: LibraryHoverActionsProps) => {
       >
         <LabelIcon size={21} color={theme.colors.thNotebookSubtle.toString()} />
       </Button>
+      <Button
+        title="Open original (o)"
+        style="hoverActionIcon"
+        onClick={(event) => {
+          props.handleAction('showOriginal')
+          event.preventDefault()
+          event.stopPropagation()
+        }}
+      >
+        <Share size={21} color={theme.colors.thNotebookSubtle.toString()} />
+      </Button>
       <CardMenu
         item={props.item}
         viewer={props.viewer}