Bug fixes

src/pages/settings/components/Bookmarks/DebouncedGroupSettingsItem.tsx

@@ -54,7 +54,7 @@ function DebouncedGroupSettingsItem({
 		id: undefined,
 		name: '',
 		url: '',
-		category: group.categoryName,
+		category: group?.categoryName,
 		index: 0,
 		enabled: 1,
 	});
@@ -128,7 +128,7 @@ function DebouncedGroupSettingsItem({
 							<Text
 								className={textClasses.deleteItem}
 								classNames={textClasses}
-							>{`"${group.categoryName}"`}</Text>
+							>{`"${group?.categoryName}"`}</Text>
 							<Text style={{ fontWeight: 'bold', textTransform: 'uppercase' }}>
 								This will also delete all bookmarks in this group!
 							</Text>
@@ -151,7 +151,7 @@ function DebouncedGroupSettingsItem({
 							w={isMobile ? undefined : '56%'}
 							className={textInputClasses.settingsItem}
 							classNames={textInputClasses}
-							defaultValue={group.categoryName}
+							defaultValue={group?.categoryName || 'ORPHANED'}
 							onChange={(event) => {
 								setUpdate({
 									...group,
@@ -165,13 +165,14 @@ function DebouncedGroupSettingsItem({
 										}
 									: undefined
 							}
+							disabled={group?.categoryName === undefined}
 						/>
 						<TextInput
 							label={'Filter Name'}
 							w={isMobile ? undefined : '28%'}
 							className={textInputClasses.settingsItem}
 							classNames={textInputClasses}
-							defaultValue={group.filterName}
+							defaultValue={group?.filterName}
 							onChange={(event) => {
 								setUpdate({
 									...group,
@@ -185,6 +186,7 @@ function DebouncedGroupSettingsItem({
 										}
 									: undefined
 							}
+							disabled={group?.categoryName === undefined}
 						/>
 						<Text
 							style={{
@@ -206,7 +208,7 @@ function DebouncedGroupSettingsItem({
 			</Card.Section>
 			<Card.Section mt={'1rem'} p={'1rem'}>
 				<Stack pos={'relative'}>
-					<Group
+					{group?.categoryName &&<Group
 						style={{
 							position: 'absolute',
 							width: '100%',
@@ -222,7 +224,7 @@ function DebouncedGroupSettingsItem({
 							}}
 						>
 							<ManagementPill
-								enabled={group.enabled}
+								enabled={group?.enabled}
 								onChange={(event: React.ChangeEvent<HTMLInputElement>) => {
 									setUpdate({
 										...group,
@@ -232,9 +234,9 @@ function DebouncedGroupSettingsItem({
 								openModal={openModal}
 							/>
 						</Box>
-					</Group>
+					</Group>}
 					<DragDropContext onDragEnd={onDragEnd}>
-						<Droppable droppableId={`${bookmarkGroup.id}`}>
+						<Droppable droppableId={`${bookmarkGroup?.id}`}>
 							{(provided: DroppableProvided) => (
 								<Stack
 									pos={'relative'}
@@ -332,7 +334,7 @@ function DebouncedGroupSettingsItem({
 									setPopoverOpened((o) => !o);
 									setNewBookmark({
 										...newBookmark,
-										category: group.categoryName,
+										category: group?.categoryName,
 									});
 								}}
 							>
@@ -381,7 +383,7 @@ function DebouncedGroupSettingsItem({
 												pt={'1rem'}
 												classNames={textInputClasses}
 												disabled
-												defaultValue={group.categoryName}
+												defaultValue={group?.categoryName}
 												styles={
 													theme.textShadowsEnabled
 														? {