cosmik.network / semble
A social knowledge tool for researchers built on ATProto
fork atom

fix: propagation issues on url card actions

Pouria Delfanazari 241fd5cc d3a48939

+28 -7
+1
src/webapp/features/cards/components/addCardToModal/AddCardToModal.tsx
··· 117 117 title="Add Card" 118 118 overlayProps={DEFAULT_OVERLAY_PROPS} 119 119 centered 120 + onClick={(e) => e.stopPropagation()} 120 121 > 121 122 <Stack gap={'xl'}> 122 123 <CardToBeAddedPreview
+1
src/webapp/features/cards/components/removeCardFromCollectionModal/RemoveCardFromCollectionModal.tsx
··· 40 40 size={'xs'} 41 41 overlayProps={DANGER_OVERLAY_PROPS} 42 42 centered 43 + onClick={(e) => e.stopPropagation()} 43 44 > 44 45 <Stack> 45 46 <Button variant="subtle" size="md" color="gray" onClick={props.onClose}>
+1
src/webapp/features/cards/components/removeCardFromLibraryModal/RemoveCardFromLibraryModal.tsx
··· 35 35 size={'xs'} 36 36 overlayProps={DANGER_OVERLAY_PROPS} 37 37 centered 38 + onClick={(e) => e.stopPropagation()} 38 39 > 39 40 <Stack> 40 41 <Button variant="subtle" size="md" color="gray" onClick={props.onClose}>
+2 -1
src/webapp/features/cards/components/urlCard/UrlCard.tsx
··· 47 47 p={'sm'} 48 48 flex={1} 49 49 h={'100%'} 50 + withBorder 50 51 className={styles.root} 51 52 onClick={handleNavigateToSemblePage} 52 - withBorder 53 53 > 54 54 <Stack justify="space-between" gap={'sm'} flex={1}> 55 55 <Group justify="space-between" align="start" gap={'lg'}> 56 56 <Stack gap={0} flex={1}> 57 57 <Tooltip label={props.url}> 58 58 <Anchor 59 + onClick={(e) => e.stopPropagation()} 59 60 component={Link} 60 61 href={props.url} 61 62 target="_blank"
+21 -6
src/webapp/features/cards/components/urlCardActions/UrlCardActions.tsx
··· 42 42 43 43 return ( 44 44 <Fragment> 45 - <Group justify="space-between"> 45 + <Group 46 + justify="space-between" 47 + onClick={(e) => { 48 + e.stopPropagation(); 49 + }} 50 + > 46 51 <Group gap={'xs'}> 47 52 <Button 48 53 variant="light" ··· 56 61 <BiPlus size={18} /> 57 62 ) 58 63 } 59 - onClick={() => setShowAddToModal(true)} 64 + onClick={() => { 65 + setShowAddToModal(true); 66 + }} 60 67 > 61 68 {props.urlLibraryCount} 62 69 </Button> ··· 65 72 variant="light" 66 73 color="gray" 67 74 radius={'xl'} 68 - onClick={() => setShowNoteModal(true)} 75 + onClick={() => { 76 + setShowNoteModal(true); 77 + }} 69 78 > 70 79 <MdOutlineStickyNote2 /> 71 80 </ActionIcon> ··· 82 91 {props.note && ( 83 92 <Menu.Item 84 93 leftSection={<AiOutlineSignature />} 85 - onClick={() => setShowEditNoteModal(true)} 94 + onClick={() => { 95 + setShowEditNoteModal(true); 96 + }} 86 97 > 87 98 Edit note 88 99 </Menu.Item> ··· 90 101 {props.currentCollection && ( 91 102 <Menu.Item 92 103 leftSection={<LuUnplug />} 93 - onClick={() => setShowRemoveFromCollectionModal(true)} 104 + onClick={() => { 105 + setShowRemoveFromCollectionModal(true); 106 + }} 94 107 > 95 108 Remove from this collection 96 109 </Menu.Item> ··· 98 111 <Menu.Item 99 112 color="red" 100 113 leftSection={<BsTrash2Fill />} 101 - onClick={() => setShowRemoveFromLibraryModal(true)} 114 + onClick={() => { 115 + setShowRemoveFromLibraryModal(true); 116 + }} 102 117 > 103 118 Remove from library 104 119 </Menu.Item>
+1
src/webapp/features/notes/components/editNoteDrawer/EditNoteDrawer.tsx
··· 60 60 position="bottom" 61 61 size={'xs'} 62 62 overlayProps={UPDATE_OVERLAY_PROPS} 63 + onClick={(e) => e.stopPropagation()} 63 64 > 64 65 <Drawer.Header> 65 66 <Drawer.Title fz="xl" fw={600} mx="auto">
+1
src/webapp/features/notes/components/noteCardModal/NoteCardModal.tsx
··· 31 31 title="Note" 32 32 overlayProps={UPDATE_OVERLAY_PROPS} 33 33 centered 34 + onClick={(e) => e.stopPropagation()} 34 35 > 35 36 <Stack gap={'xl'}> 36 37 {props.note && <Text>{props.note.text}</Text>}