diff --git a/packages/web/components/templates/homeFeed/LibraryFilterMenu.tsx b/packages/web/components/templates/homeFeed/LibraryFilterMenu.tsx index 82e611d7b..d6dc48581 100644 --- a/packages/web/components/templates/homeFeed/LibraryFilterMenu.tsx +++ b/packages/web/components/templates/homeFeed/LibraryFilterMenu.tsx @@ -3,7 +3,7 @@ import { StyledText } from '../../elements/StyledText' import { Box, HStack, SpanBox, VStack } from '../../elements/LayoutPrimitives' import { Dropdown, DropdownOption } from '../../elements/DropdownElements' import { Button } from '../../elements/Button' -import { CaretRight, Circle, DotsThree, Plus, Upload } from 'phosphor-react' +import { CaretRight, Circle, DotsThree, Plus } from 'phosphor-react' import { useGetSubscriptionsQuery } from '../../../lib/networking/queries/useGetSubscriptionsQuery' import { useGetLabelsQuery } from '../../../lib/networking/queries/useGetLabelsQuery' import { Label } from '../../../lib/networking/fragments/labelFragment' @@ -444,65 +444,33 @@ function AddLinkButton(props: AddLinkButtonProps): JSX.Element { }} distribution="center" > - - - - + color: isDark + ? theme.colors.thHighContrast.toString() + : theme.colors.thTextContrast2.toString(), + display: 'flex', + alignItems: 'center', + fontWeight: '600', + bg: isDark ? 'transparent' : theme.colors.thBackground2.toString(), + border: `1px solid ${ + isDark ? theme.colors.thHighContrast.toString() : 'transparent' + }`, + }} + onClick={(e) => { + props.showAddLinkModal() + e.preventDefault() + }} + > + + Add Link + )