+1

.gitignore

View file Reviewed

··· 11 11 storybook-static 12 12 src/webapp/tsconfig.tsbuildinfo 13 13 src/webapp/next-env.d.ts 14 14 + src/webapp/next-env.d.ts

+21

src/webapp/features/semble/components/sembleActions/SembleActions.tsx

View file Reviewed

··· 1 1 'use client'; 2 2 3 3 import AddCardToModal from '@/features/cards/components/addCardToModal/AddCardToModal'; 4 4 + import RemoveCardFromLibraryModal from '@/features/cards/components/removeCardFromLibraryModal/RemoveCardFromLibraryModal'; 4 5 import useGetCardFromMyLibrary from '@/features/cards/lib/queries/useGetCardFromMyLibrary'; 5 6 import { ActionIcon, Button, CopyButton, Group, Tooltip } from '@mantine/core'; 6 7 import { notifications } from '@mantine/notifications'; ··· 14 15 import { usePathname } from 'next/navigation'; 15 16 import { TbPlugConnected } from 'react-icons/tb'; 16 17 import AddConnectionModal from '@/features/connections/components/addConnectionModal/AddConnectionModal'; 18 18 + import { BsTrash2Fill } from 'react-icons/bs'; 17 19 18 20 interface Props { 19 21 url: string; ··· 26 28 const isInYourLibrary = cardStatus.data.card?.urlInLibrary; 27 29 const [showAddToModal, setShowAddToModal] = useState(false); 28 30 const [showAddConnectionModal, setShowAddConnectionModal] = useState(false); 31 31 + const [showRemoveModal, setShowRemoveModal] = useState(false); 29 32 30 33 const { data } = useSembleLibraries({ url: props.url }); 31 34 const allLibraries = ··· 96 99 > 97 100 {isInYourLibrary ? 'Update' : 'Add'} 98 101 </Button> 102 102 + {isInYourLibrary && ( 103 103 + <ActionIcon 104 104 + variant="light" 105 105 + color="red" 106 106 + size={36} 107 107 + radius={'xl'} 108 108 + onClick={() => setShowRemoveModal(true)} 109 109 + > 110 110 + <BsTrash2Fill /> 111 111 + </ActionIcon> 112 112 + )} 99 113 </Group> 100 114 101 115 <AddConnectionModal ··· 119 133 pagePath: pathname, 120 134 }} 121 135 /> 136 136 + {isInYourLibrary && cardStatus.data.card?.id && ( 137 137 + <RemoveCardFromLibraryModal 138 138 + isOpen={showRemoveModal} 139 139 + onClose={() => setShowRemoveModal(false)} 140 140 + cardId={cardStatus.data.card.id} 141 141 + /> 142 142 + )} 122 143 </Fragment> 123 144 ); 124 145 }

+1

src/webapp/features/semble/containers/sembleActionsContainer/Skeleton.SembleActionsContainer.tsx

View file Reviewed

··· 7 7 <Skeleton w={36} h={36} circle /> 8 8 <Skeleton w={114} h={36} radius="xl" /> 9 9 <Skeleton w={113} h={36} radius="xl" /> 10 10 + <Skeleton w={36} h={36} circle /> 10 11 </Group> 11 12 </Stack> 12 13 );

+1 -1

src/webapp/next-env.d.ts

View file Reviewed

··· 1 1 /// <reference types="next" /> 2 2 /// <reference types="next/image-types/global" /> 3 3 - import "./.next/types/routes.d.ts"; 3 3 + import "./.next/dev/types/routes.d.ts"; 4 4 5 5 // NOTE: This file should not be edited 6 6 // see https://nextjs.org/docs/app/api-reference/config/typescript for more information.