yolokube/dashboard
yolokube/dashboard
2
0
Fork 0
Code Issues 1 Pull requests 1 Projects Releases Packages 1 Wiki Activity

Update greeter.tsx

Browse source
This commit is contained in:
phntxx 2021-05-15 16:09:12 +02:00
parent 007567a6d0
commit 947e6778d9
1 changed files with 23 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
src/components/greeter.tsx
View file

@ -38,32 +38,33 @@ interface IGreeterComponentProps {
} }
/** /**
* *
* @param a the number that's supposed to be checked * @param a the number that's supposed to be checked
* @param b the minimum * @param b the minimum
* @param c the maximum * @param c the maximum
*/ */
const isBetween = (a: number, b: number, c: number): boolean => (a > b && a < c) const isBetween = (a: number, b: number, c: number): boolean =>
a >= b && a <= c;
/** /**
* Returns a greeting based on the current time * Returns a greeting based on the current time
* @returns {string} - A greeting * @returns {string} - A greeting
*/ */
const getGreeting = (greetings: Array<IGreetingProps>): string => { const getGreeting = (greetings: Array<IGreetingProps>): string => {
let hours = Math.floor(new Date().getHours());
let hours = Math.floor(new Date().getHours())
let result = ""; let result = "";
greetings.forEach(greeting => { greetings.forEach((greeting) => {
if (isBetween(hours, greeting.start, greeting.end)) result = greeting.greeting; if (isBetween(hours, greeting.start, greeting.end))
}) result = greeting.greeting;
});
return result; return result;
}; };
/** /**
* Returns the appropriate extension for a number (eg. 'rd' for '3' to make '3rd') * Returns the appropriate extension for a number (eg. 'rd' for '3' to make '3rd')
* @param {number} day - The number of a day within a month * @param {number} day - The number of a day within a month
* @returns {string} - The extension for that number * @returns {string} - The extension for that number
*/ */
const getExtension = (day: number) => { const getExtension = (day: number) => {
@ -87,7 +88,11 @@ const getExtension = (day: number) => {
* @param {string} format - The format of the date string * @param {string} format - The format of the date string
* @returns {string} - The current date as a string * @returns {string} - The current date as a string
*/ */
const getDateString = (weekdays: Array<string>, months: Array<string>, format: string) => { const getDateString = (
weekdays: Array<string>,
months: Array<string>,
format: string
) => {
let currentDate = new Date(); let currentDate = new Date();
let weekday = weekdays[currentDate.getUTCDay()]; let weekday = weekdays[currentDate.getUTCDay()];
@ -96,7 +101,12 @@ const getDateString = (weekdays: Array<string>, months: Array<string>, format: s
let extension = getExtension(day); let extension = getExtension(day);
let year = currentDate.getFullYear(); let year = currentDate.getFullYear();
return format.replace("%wd", weekday).replace("%d", day.toString()).replace("%e", extension).replace("%m", month).replace("%y", year.toString()); return format
.replace("%wd", weekday)
.replace("%d", day.toString())
.replace("%e", extension)
.replace("%m", month)
.replace("%y", year.toString());
}; };
/** /**
@ -104,7 +114,9 @@ const getDateString = (weekdays: Array<string>, months: Array<string>, format: s
*/ */
const Greeter = ({ data }: IGreeterComponentProps) => ( const Greeter = ({ data }: IGreeterComponentProps) => (
<GreeterContainer> <GreeterContainer>
<DateText>{getDateString(data.days, data.months, data.dateformat)}</DateText> <DateText>
{getDateString(data.days, data.months, data.dateformat)}
</DateText>
<GreetText>{getGreeting(data.greetings)}</GreetText> <GreetText>{getGreeting(data.greetings)}</GreetText>
</GreeterContainer> </GreeterContainer>
); );