dave/eve-pi
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #2 from trcjr/accessible-time-color-palette

Browse Source 
more accessible color palette for count down time
This commit is contained in:
Calli
2023-09-30 12:32:59 +03:00
committed by GitHub
parent d2b66eb193 61077979d9
commit ac6378aaa8
2 changed files with 16 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/app/components/PlanetaryInteraction/PlanetCard.tsx
View File

@@ -95,12 +95,16 @@ export const PlanetCard = ({
}; };
const timeColor = (extractorDate: string | undefined): string => { const timeColor = (extractorDate: string | undefined): string => {
if (!extractorDate) return "red"; if (!extractorDate) return "#AB324A";
const dateExtractor = DateTime.fromISO(extractorDate); const dateExtractor = DateTime.fromISO(extractorDate);
const dateNow = DateTime.now(); const dateNow = DateTime.now();
if (dateExtractor < dateNow) return "red"; if (dateExtractor < dateNow) return "#AB324A";
if (dateExtractor.minus({ hours: 24 }) < dateNow) return "yellow"; if (dateExtractor.minus({ hours: 2 }) < dateNow) return "#9C4438";
return "green"; if (dateExtractor.minus({ hours: 4 }) < dateNow) return "#765B21";
if (dateExtractor.minus({ hours: 8 }) < dateNow) return "#63620D";
if (dateExtractor.minus({ hours: 12 }) < dateNow) return "#2C6C2F";
if (dateExtractor.minus({ hours: 24 }) < dateNow) return "#2F695A";
return "#006596";
}; };
useEffect(() => { useEffect(() => {

12
src/app/components/PlanetaryInteraction/PlanetTableRow.tsx
View File

@@ -166,12 +166,16 @@ export const PlanetTableRow = ({
}; };
const timeColor = (extractorDate: string | undefined): string => { const timeColor = (extractorDate: string | undefined): string => {
if (!extractorDate) return "red"; if (!extractorDate) return "#AB324A";
const dateExtractor = DateTime.fromISO(extractorDate); const dateExtractor = DateTime.fromISO(extractorDate);
const dateNow = DateTime.now(); const dateNow = DateTime.now();
if (dateExtractor < dateNow) return "red"; if (dateExtractor < dateNow) return "#AB324A";
if (dateExtractor.minus({ hours: 24 }) < dateNow) return "yellow"; if (dateExtractor.minus({ hours: 2 }) < dateNow) return "#9C4438";
return "green"; if (dateExtractor.minus({ hours: 4 }) < dateNow) return "#765B21";
if (dateExtractor.minus({ hours: 8 }) < dateNow) return "#63620D";
if (dateExtractor.minus({ hours: 12 }) < dateNow) return "#2C6C2F";
if (dateExtractor.minus({ hours: 24 }) < dateNow) return "#2F695A";
return "#006596";
}; };
useEffect(() => { useEffect(() => {