From c35916c291d71bb35bc85841b272ccedb98e8426 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tr=C3=A8sAbhi?= <43380238+tresabhi@users.noreply.github.com>
Date: Tue, 16 Apr 2024 22:05:36 -0500
Subject: [PATCH] feat: colors

---
 src/app/tools/statistics/components/Day.tsx | 8 +++++---
 src/app/tools/statistics/page.tsx           | 2 +-
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/app/tools/statistics/components/Day.tsx b/src/app/tools/statistics/components/Day.tsx
index 4fbb36159..3475712c3 100644
--- a/src/app/tools/statistics/components/Day.tsx
+++ b/src/app/tools/statistics/components/Day.tsx
@@ -10,13 +10,14 @@ interface DayProps {
 }
 
 export function Day({ offset }: DayProps) {
+  const timeTo = new Date(Date.now() - offset * 24 * 60 * 60 * 1000);
+  const timeFrom = new Date(Date.now() - (offset + 1) * 24 * 60 * 60 * 1000);
   const awaitedTankDefinitions = use(tankDefinitions);
   const tanksList = useMemo(
     () => Object.values(awaitedTankDefinitions),
     [awaitedTankDefinitions],
   );
-  const [expanded, setExpanded] = useState(true);
-  const time = new Date(Date.now() - offset * 24 * 60 * 60 * 1000);
+  const [expanded, setExpanded] = useState(offset === 0);
   const tanks = tanksList
     .filter((tank) => tank.tier === 10)
     .sort(() => Math.random() - 0.5)
@@ -41,7 +42,7 @@ export function Day({ offset }: DayProps) {
               }}
             >
               {expanded ? <CaretDownIcon /> : <CaretRightIcon />}
-              {time.toLocaleString('default', {
+              {timeTo.toLocaleString('default', {
                 month: 'short',
                 day: 'numeric',
               })}
@@ -70,6 +71,7 @@ export function Day({ offset }: DayProps) {
               }}
             >
               <img
+                draggable={false}
                 src={tankIcon(tank.id)}
                 style={{
                   position: 'absolute',
diff --git a/src/app/tools/statistics/page.tsx b/src/app/tools/statistics/page.tsx
index c49998c91..4a619078d 100644
--- a/src/app/tools/statistics/page.tsx
+++ b/src/app/tools/statistics/page.tsx
@@ -8,7 +8,7 @@ import { Day } from './components/Day';
 
 export default function Page() {
   return (
-    <PageWrapper color="indigo">
+    <PageWrapper color="iris">
       <Flex gap="2">
         <Heading>TresAbhi</Heading>
         <Heading color="gray">[OPTML]</Heading>