prehistoric-systems/omnivore
1
0
Fork 0
mirror of https://github.com/omnivore-app/omnivore.git synced 2026-03-11 08:54:26 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Merge pull request #4178 from omnivore-app/feat/web-home-hover-titles

Browse source 
Hover titles for actions in home
This commit is contained in:
Jackson Harper 2024-07-09 15:05:21 +08:00 committed by GitHub
commit 88fdee3145
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 9 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
packages/web/components/nav-containers/HomeContainer.tsx
View file

@ -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()

8
packages/web/components/patterns/HighlightHoverActions.tsx
View file

@ -69,7 +69,7 @@ export const HighlightHoverActions = (props: HighlightHoverActionsProps) => {
event.preventDefault()
}}
>
<Copy size={19} color={theme.colors.thNotebookSubtle.toString()} />
<Copy size={21} color={theme.colors.thNotebookSubtle.toString()} />
</Button>
<Button
style="hoverActionIcon"
@ -78,7 +78,7 @@ export const HighlightHoverActions = (props: HighlightHoverActionsProps) => {
event.preventDefault()
}}
>
<LabelIcon size={18} color={theme.colors.thNotebookSubtle.toString()} />
<LabelIcon size={21} color={theme.colors.thNotebookSubtle.toString()} />
</Button>
<Button
style="hoverActionIcon"
@ -87,7 +87,7 @@ export const HighlightHoverActions = (props: HighlightHoverActionsProps) => {
event.preventDefault()
}}
>
<BookOpen size={18} color={theme.colors.thNotebookSubtle.toString()} />
<BookOpen size={21} color={theme.colors.thNotebookSubtle.toString()} />
</Button>
<Button
style="hoverActionIcon"
@ -96,7 +96,7 @@ export const HighlightHoverActions = (props: HighlightHoverActionsProps) => {
event.preventDefault()
}}
>
<TrashIcon size={18} color={theme.colors.thNotebookSubtle.toString()} />
<TrashIcon size={21} color={theme.colors.thNotebookSubtle.toString()} />
</Button>
</Box>
)

4
packages/web/components/patterns/LibraryCards/LibraryHoverActions.tsx
View file

@ -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