Bug fixes

src/pages/settings/components/Applications/Applications.tsx

@@ -144,7 +144,7 @@ const ApplicationSettings = () => {
 									key={form.key('name')}
 									{...form.getInputProps('name')}
 									label={'Name'}
-									placeholder='Nextcloud'
+									placeholder='eg. Nextcloud'
 									className={textInputClasses.settingsItem}
 									w={'45%'}
 									classNames={textInputClasses}
@@ -154,7 +154,7 @@ const ApplicationSettings = () => {
 									key={form.key('baseUrl')}
 									{...form.getInputProps('baseUrl')}
 									label={'Base URL'}
-									placeholder='/nextcloud'
+									placeholder='eg. /nextcloud'
 									className={textInputClasses.settingsItem}
 									w={'45%'}
 									classNames={textInputClasses}
@@ -165,7 +165,7 @@ const ApplicationSettings = () => {
 									key={form.key('url')}
 									{...form.getInputProps('url')}
 									label={'URL'}
-									placeholder='https://domain.example.com/nextcloud'
+									placeholder='eg. https://domain.example.com/nextcloud'
 									className={textInputClasses.settingsItem}
 									w={'100%'}
 									classNames={textInputClasses}
@@ -214,7 +214,7 @@ const ApplicationSettings = () => {
 									key={form.key('filter')}
 									{...form.getInputProps('filter')}
 									label={'Filter'}
-									placeholder='Storage'
+									placeholder='eg. Storage'
 									className={textInputClasses.settingsItem}
 									pt={'1rem'}
 									w={'45%'}

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

@@ -145,7 +145,7 @@ const BookmarkSettings = () => {
 									key={form.key('categoryName')}
 									{...form.getInputProps('categoryName')}
 									label={'Category Name'}
-									placeholder='Shopping'
+									placeholder='eg. Shopping'
 									className={textInputClasses.settingsItem}
 									classNames={textInputClasses}
 									withAsterisk
@@ -154,7 +154,7 @@ const BookmarkSettings = () => {
 									key={form.key('filterName')}
 									{...form.getInputProps('filterName')}
 									label={'Filter Name'}
-									placeholder='Personal'
+									placeholder='eg. Personal'
 									className={textInputClasses.settingsItem}
 									classNames={textInputClasses}
 									withAsterisk

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

@@ -186,7 +186,7 @@ function DebouncedGroupSettingsItem({
 							label={'Delete'}
 						>
 							<ActionIcon
-								mt={'1.5rem'}
+								mt={'2.5rem'}
 								size={'lg'}
 								color='red'
 								onClick={() => {
@@ -336,7 +336,7 @@ function DebouncedGroupSettingsItem({
 												key={form.key('name')}
 												{...form.getInputProps('name')}
 												label={'Name'}
-												placeholder='Google'
+												placeholder='eg. Google'
 												labelProps={{
 													style: {
 														color: 'var(--mantine-color-primary-0)',
@@ -368,7 +368,7 @@ function DebouncedGroupSettingsItem({
 												key={form.key('url')}
 												{...form.getInputProps('url')}
 												label={'URL'}
-												placeholder='https://google.com'
+												placeholder='eg. https://google.com'
 												labelProps={{
 													style: {
 														color: 'var(--mantine-color-primary-0)',

src/pages/settings/components/Search/SearchProviders.tsx

@@ -95,7 +95,7 @@ const SearchProviderSettings = () => {
 										key={form.key('name')}
 										{...form.getInputProps('name')}
 										label={'Name'}
-										placeholder='Google'
+										placeholder='eg. Google'
 										className={textInputClasses.settingsItem}
 										classNames={textInputClasses}
 										withAsterisk
@@ -104,7 +104,7 @@ const SearchProviderSettings = () => {
 										key={form.key('prefix')}
 										{...form.getInputProps('prefix')}
 										label={'Prefix'}
-										placeholder='/g'
+										placeholder='eg. /g'
 										className={textInputClasses.settingsItem}
 										classNames={textInputClasses}
 										withAsterisk
@@ -114,7 +114,7 @@ const SearchProviderSettings = () => {
 									key={form.key('url')}
 									{...form.getInputProps('url')}
 									label={'Url'}
-									placeholder='https://www.google.com/search?q='
+									placeholder='eg. https://www.google.com/search?q='
 									className={textInputClasses.settingsItem}
 									w={'64%'}
 									classNames={textInputClasses}

src/pages/settings/components/Theming/ThemeCard.tsx

@@ -231,15 +231,33 @@ function ThemeCard({
 							setShiftShuffle(0);
 						}}
 						onClick={() => {
-							const themeList = JSON.parse(
+							if (currentThemePlaylist === 'All') {
-								themePlaylists?.find(
+								handleThemeChange(allThemes, false);
-									(t: ThemePlaylist) => t?.name === currentThemePlaylist,
+							} else if (currentThemePlaylist === 'Backgrounds') {
-								)?.themeList ?? '[]',
+								handleThemeChange(
-							);
+									allThemes.filter(
-							const filteredThemes = allThemes.filter((t: Theme) =>
+										(a: any) => !a.backgroundImage.toLowerCase().includes('none'),
-								themeList.includes(t.id),
+									),
-							);
+									false,
-							handleThemeChange(filteredThemes, false);
+								);
+							} else if (currentThemePlaylist === 'No Backgrounds') {
+								handleThemeChange(
+									allThemes.filter((a: any) =>
+										a.backgroundImage.toLowerCase().includes('none'),
+									),
+									false,
+								);
+							} else {
+								const themeList = JSON.parse(
+									themePlaylists?.find(
+										(t: ThemePlaylist) => t?.name === currentThemePlaylist,
+									)?.themeList ?? '[]',
+								);
+								const filteredThemes = allThemes.filter((t: Theme) =>
+									themeList.includes(t.id),
+								);
+								handleThemeChange(filteredThemes, false);
+							}
 						}}
 						gap={0}
 						style={{

src/pages/settings/components/WoL/WolClients.tsx

@@ -90,7 +90,7 @@ const WolClientSettings = () => {
 									key={form.key('hostname')}
 									{...form.getInputProps('hostname')}
 									label={'Hostname'}
-									placeholder='Workstation'
+									placeholder='eg. Workstation'
 									className={textInputClasses.settingsItem}
 									classNames={textInputClasses}
 									withAsterisk
@@ -99,7 +99,7 @@ const WolClientSettings = () => {
 									key={form.key('macAddress')}
 									{...form.getInputProps('macAddress')}
 									label={'MAC Address'}
-									placeholder='00:00:00:00:00:00'
+									placeholder='eg. 00:00:00:00:00:00'
 									className={textInputClasses.settingsItem}
 									classNames={textInputClasses}
 									withAsterisk