smedmunds/TriggerFrontend
1
0
Fork 0
Code Issues Pull Requests Actions Projects Releases Wiki Activity

Formatting and typos

Browse Source
This commit is contained in:
Sean Edmunds
2025-03-21 14:20:18 -05:00
parent 2b972afa68
commit ff7a78e44f
19 changed files with 596 additions and 902 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/pages/settings/components/Bookmarks/Bookmarks.tsx
View File

@@ -32,7 +32,7 @@ const BookmarkSettings = () => {
});
const [groups, setGroups] = useState([]);
const [newGroup, setNewGroup] = useState<any>({});
const { theme } = useCommonHooks();
const { theme, isMobile } = useCommonHooks();
const { mutateAsync } = useMutationAPI();
const [searchValue, setSearchValue] = useState('');
const [debouncedGroupSearch] = useDebouncedValue(searchValue, 500);
@@ -61,6 +61,7 @@ const BookmarkSettings = () => {
className={modalClasses.helpModal}
classNames={modalClasses}
opened={modalOpened}
fullScreen={isMobile}
onClose={() => {
closeModal();
}}
@@ -78,7 +79,7 @@ const BookmarkSettings = () => {
<Modal.Overlay />
<Modal.Content>
<Modal.Header>
<Modal.Title>Add a new Group</Modal.Title>
<Modal.Title>Add a new Bookmark Group</Modal.Title>
<Modal.CloseButton />
</Modal.Header>
<Modal.Body pb={'2rem'}>

3
src/pages/settings/components/Bookmarks/DebouncedBookmarkItem.tsx
View File

@@ -16,7 +16,7 @@ import { useEffect, useState } from 'react';
import { cardClasses, modalClasses, textInputClasses } from 'styles';
function DebouncedBookmarkItem({ bookmarkItem, handleDelete }: any) {
const { theme } = useCommonHooks();
const { theme, isMobile } = useCommonHooks();
const [modalOpened, { open: openModal, close: closeModal }] = useDisclosure(false);
const { mutateAsync } = useMutationAPI();
@@ -43,6 +43,7 @@ function DebouncedBookmarkItem({ bookmarkItem, handleDelete }: any) {
className={modalClasses.helpModal}
classNames={modalClasses}
opened={modalOpened}
fullScreen={isMobile}
onClose={() => {
closeModal();
}}

13
src/pages/settings/components/Bookmarks/DebouncedGroupSettingsItem.tsx
View File

@@ -20,7 +20,7 @@ import BookmarkSettingsItem from './BookmarkSettingsItem';
import DebouncedBookmarkItem from './DebouncedBookmarkItem';
function DebouncedGroupSettingsItem({ bookmarkGroup, bookmarks }: any) {
const { theme } = useCommonHooks();
const { theme, isMobile } = useCommonHooks();
const [modalOpened, { open: openModal, close: closeModal }] = useDisclosure(false);
const [popoverOpened, setPopoverOpened] = useState(false);
const { mutateAsync } = useMutationAPI();
@@ -54,6 +54,7 @@ function DebouncedGroupSettingsItem({ bookmarkGroup, bookmarks }: any) {
className={modalClasses.helpModal}
classNames={modalClasses}
opened={modalOpened}
fullScreen={isMobile}
onClose={() => {
closeModal();
}}
@@ -71,12 +72,12 @@ function DebouncedGroupSettingsItem({ bookmarkGroup, bookmarks }: any) {
<Modal.Overlay />
<Modal.Content>
<Modal.Header>
<Modal.Title>Delete Application</Modal.Title>
<Modal.Title>Delete Group</Modal.Title>
<Modal.CloseButton />
</Modal.Header>
<Modal.Body pb={'2rem'}>
<Stack gap={0} w={'100%'} h={'150px'} align='center'>
<Text>Are you sure you want to delete this application?</Text>
<Text>Are you sure you want to delete this bookmark group?</Text>
<Text
style={{
fontWeight: 'bold',
@@ -124,7 +125,7 @@ function DebouncedGroupSettingsItem({ bookmarkGroup, bookmarks }: any) {
color: theme.primaryColor,
},
}}
w={'58%'}
w={isMobile ? undefined : '58%'}
className={textInputClasses.settingsItem}
classNames={textInputClasses}
defaultValue={group.categoryName}
@@ -142,7 +143,7 @@ function DebouncedGroupSettingsItem({ bookmarkGroup, bookmarks }: any) {
color: theme.primaryColor,
},
}}
w={'28%'}
w={isMobile ? undefined : '28%'}
className={textInputClasses.settingsItem}
classNames={textInputClasses}
defaultValue={group.filterName}
@@ -178,7 +179,7 @@ function DebouncedGroupSettingsItem({ bookmarkGroup, bookmarks }: any) {
borderRadius: '100%',
backgroundColor: theme.accentColor,
position: 'absolute',
top: 78,
top: isMobile ? 164 : 78,
right: 18,
zIndex: 10,
fontSize: 20,