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

Mobile view and misc.

Browse Source
This commit is contained in:
Sean Edmunds
2024-09-09 14:52:45 -05:00
parent e9ccd0906c
commit 94757369a5
7 changed files with 45 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/pages/homepage/Homepage.tsx
View File

@@ -21,15 +21,18 @@ export default function Homepage({ theme }: any) {
key: 'bookmarkFilter',
defaultValue: ['All'],
});
const isMobile = window.matchMedia('(max-width: 600px)').matches;
function date() {
const currentDate = new Date();
const dateOptions: Intl.DateTimeFormatOptions = {
weekday: 'long',
year: 'numeric',
month: 'long',
day: 'numeric',
};
const date = currentDate.toLocaleDateString('en-GB', dateOptions);
const dateOptions: Intl.DateTimeFormatOptions = !isMobile
? {
weekday: 'long',
year: 'numeric',
month: 'long',
day: 'numeric',
}
: {};
const date = currentDate.toLocaleDateString('en-US', dateOptions);
return date;
}
function greet(list: any) {
@@ -60,9 +63,9 @@ export default function Homepage({ theme }: any) {
return (
<Stack gap={0} className={stackClasses.containerStack} justify='center'>
<Search />
<Header date={date()} greet={displayedGreeting} />
<Applications contentType={appFilter} />
<Bookmarks contentType={bookmarkFilter} />
<Header date={date()} greet={displayedGreeting} isMobile={isMobile} />
<Applications contentType={appFilter} isMobile={isMobile} />
<Bookmarks contentType={bookmarkFilter} isMobile={isMobile} />
<SettingsButton
theme={theme}
setAppFilter={setAppFilter}