From b741903649f53f530944900e3b64fd9426abbc7d Mon Sep 17 00:00:00 2001 From: Sean Edmunds Date: Fri, 28 Mar 2025 15:17:59 -0500 Subject: [PATCH] Hotfixes --- src/assets/react.svg | 1 - .../homepage/components/Applications/Applications.tsx | 5 +++-- src/pages/homepage/components/Bookmarks/LinkGroups.tsx | 1 + .../settings/components/Applications/Applications.tsx | 8 +++++--- src/pages/settings/components/Search/SearchProviders.tsx | 8 +++++--- src/pages/settings/components/Theming/ThemePlaylists.tsx | 1 + src/styles/Text.module.css | 4 +--- 7 files changed, 16 insertions(+), 12 deletions(-) delete mode 100644 src/assets/react.svg diff --git a/src/assets/react.svg b/src/assets/react.svg deleted file mode 100644 index 6c87de9..0000000 --- a/src/assets/react.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/pages/homepage/components/Applications/Applications.tsx b/src/pages/homepage/components/Applications/Applications.tsx index 892db1a..704a763 100644 --- a/src/pages/homepage/components/Applications/Applications.tsx +++ b/src/pages/homepage/components/Applications/Applications.tsx @@ -14,7 +14,9 @@ function Applications({ contentType }: any) { useEffect(() => { if (apps && !isAppsFetching) { - setApplicationData(apps); + setApplicationData( + apps.sort((a: Application, b: Application) => (a.name > b.name ? 1 : -1)), + ); } }, [apps, isAppsFetching]); @@ -35,7 +37,6 @@ function Applications({ contentType }: any) { gridRowGap: '5px', gridTemplateColumns: isMobile ? '1fr 1fr 1fr' : '1fr 1fr 1fr 1fr 1fr 1fr', gridTemplateRows: '64px', - paddingBottom: 'var(--module-spacing)', }} > {applicationData?.map((application: any) => { diff --git a/src/pages/homepage/components/Bookmarks/LinkGroups.tsx b/src/pages/homepage/components/Bookmarks/LinkGroups.tsx index e97b2d4..6b2789b 100644 --- a/src/pages/homepage/components/Bookmarks/LinkGroups.tsx +++ b/src/pages/homepage/components/Bookmarks/LinkGroups.tsx @@ -10,6 +10,7 @@ function LinkGroups({ links, category }: any) { display: 'block', lineHeight: '1.5rem', overflow: 'hidden', + whiteSpace: 'nowrap', }} > diff --git a/src/pages/settings/components/Applications/Applications.tsx b/src/pages/settings/components/Applications/Applications.tsx index b05a724..0e40b40 100644 --- a/src/pages/settings/components/Applications/Applications.tsx +++ b/src/pages/settings/components/Applications/Applications.tsx @@ -54,9 +54,11 @@ const ApplicationSettings = () => { useEffect(() => { if (apps && !isAppsFetching) { setApplicationData( - apps.filter((a: Application) => - a.name.toLowerCase().includes(debouncedSearch.toLowerCase()), - ), + apps + .filter((a: Application) => + a.name.toLowerCase().includes(debouncedSearch.toLowerCase()), + ) + .sort((a: Application, b: Application) => (a.name > b.name ? 1 : -1)), ); } }, [apps, isAppsFetching, debouncedSearch]); diff --git a/src/pages/settings/components/Search/SearchProviders.tsx b/src/pages/settings/components/Search/SearchProviders.tsx index ab57007..b7949f9 100644 --- a/src/pages/settings/components/Search/SearchProviders.tsx +++ b/src/pages/settings/components/Search/SearchProviders.tsx @@ -51,9 +51,11 @@ const SearchProviderSettings = () => { useEffect(() => { if (providers && providersIsFetched) { setProviderData( - providers.filter((a: Provider) => - a.name.toLowerCase().includes(debouncedSearch.toLowerCase()), - ), + providers + .filter((a: Provider) => + a.name.toLowerCase().includes(debouncedSearch.toLowerCase()), + ) + .sort((a: Provider, b: Provider) => (a.prefix > b.prefix ? 1 : -1)), ); } }, [providers, providersIsFetched, debouncedSearch]); diff --git a/src/pages/settings/components/Theming/ThemePlaylists.tsx b/src/pages/settings/components/Theming/ThemePlaylists.tsx index 8c3c210..e83829a 100644 --- a/src/pages/settings/components/Theming/ThemePlaylists.tsx +++ b/src/pages/settings/components/Theming/ThemePlaylists.tsx @@ -189,6 +189,7 @@ function ThemePlaylists() { ?.filter((a: ThemePlaylist) => a.name.toLowerCase().includes(debouncedSearch.toLowerCase()), ) + .sort((a: any, b: any) => (a.name > b.name ? 1 : -1)) .map((cardPlaylist: ThemePlaylist) => { return ( diff --git a/src/styles/Text.module.css b/src/styles/Text.module.css index 2bb0cfb..2ff2a50 100644 --- a/src/styles/Text.module.css +++ b/src/styles/Text.module.css @@ -87,9 +87,7 @@ font-size: 14px; line-height: 2; color: var(--color-text-pri); - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; + width: min-content; &:hover { text-decoration: underline; }