diff --git a/packages/web/components/patterns/LibraryCards/HighlightItemCard.tsx b/packages/web/components/patterns/LibraryCards/HighlightItemCard.tsx deleted file mode 100644 index d401509d3..000000000 --- a/packages/web/components/patterns/LibraryCards/HighlightItemCard.tsx +++ /dev/null @@ -1,96 +0,0 @@ -import { styled } from '@stitches/react' -import { Fragment, useMemo } from 'react' -import { LabelChip } from '../../elements/LabelChip' -import { - VStack, - HStack, - Blockquote, - SpanBox, - Box, -} from '../../elements/LayoutPrimitives' -import { StyledMark, StyledText } from '../../elements/StyledText' -import { HighlightView } from '../HighlightView' -import { LinkedItemCardAction, LinkedItemCardProps } from './CardTypes' -import { TitleStyle } from './LibraryCardStyles' - -export interface HighlightItemCardProps - extends Pick { - handleAction: (action: LinkedItemCardAction) => void -} - -export const PreviewImage = styled('img', { - objectFit: 'cover', - cursor: 'pointer', -}) - -const StyledQuote = styled(Blockquote, { - margin: '0px 0px 0px 0px', - fontSize: '16px', - lineHeight: '27px', - color: '$grayText', - paddingLeft: '20px', - // borderRadius: '8px', - borderLeft: '2px solid $omnivoreCtaYellow', -}) - -export function HighlightItemCard(props: HighlightItemCardProps): JSX.Element { - const lines = useMemo(() => props.item.quote.split('\n'), [props.item.quote]) - return ( - { - props.handleAction('showDetail') - }} - > - - {props.item.title} - - - - {lines.map((line: string, index: number) => ( - - {line} - {index !== lines.length - 1 && ( - <> -
-
- - )} -
- ))} -
- - {props.item.labels?.map(({ name, color }, index) => ( - - ))} - -
-
- ) -} diff --git a/packages/web/components/templates/KeyboardShortcutListModal.tsx b/packages/web/components/templates/KeyboardShortcutListModal.tsx index 69f98b99d..a0f083cd9 100644 --- a/packages/web/components/templates/KeyboardShortcutListModal.tsx +++ b/packages/web/components/templates/KeyboardShortcutListModal.tsx @@ -17,7 +17,6 @@ import { libraryListCommands, highlightBarKeyboardCommands, } from '../../lib/keyboardShortcuts/navigationShortcuts' -import { useRouter } from 'next/router' type KeyboardShortcutListModalProps = { onOpenChange: (open: boolean) => void @@ -26,8 +25,6 @@ type KeyboardShortcutListModalProps = { export function KeyboardShortcutListModal( props: KeyboardShortcutListModalProps ): JSX.Element { - const router = useRouter() - return ( diff --git a/packages/web/components/templates/homeFeed/HighlightItem.tsx b/packages/web/components/templates/homeFeed/HighlightItem.tsx index 7e86327b4..ff2022bff 100644 --- a/packages/web/components/templates/homeFeed/HighlightItem.tsx +++ b/packages/web/components/templates/homeFeed/HighlightItem.tsx @@ -4,10 +4,7 @@ import { DotsThreeVertical } from 'phosphor-react' import { Fragment, useMemo, useState } from 'react' import { Highlight } from '../../../lib/networking/fragments/highlightFragment' import { Label } from '../../../lib/networking/fragments/labelFragment' -import { - LibraryItem, - LibraryItemNode, -} from '../../../lib/networking/queries/useGetLibraryItemsQuery' +import { LibraryItemNode } from '../../../lib/networking/queries/useGetLibraryItemsQuery' import { UserBasicData } from '../../../lib/networking/queries/useGetViewerQuery' import { Dropdown, DropdownOption } from '../../elements/DropdownElements' import { LabelChip } from '../../elements/LabelChip'