From 6cb8c351fc4018727986d730cf4bfdfc46999d03 Mon Sep 17 00:00:00 2001
From: Maciej Gierada <maciek.gierada@gmail.com>
Date: Thu, 13 Jun 2024 22:42:12 +0200
Subject: [PATCH] minor ui changes

---
 ui/src/app/page.js                                       | 8 +-------
 ui/src/components/CounterDisplay/{index.js => index.jsx} | 6 +-----
 2 files changed, 2 insertions(+), 12 deletions(-)
 rename ui/src/components/CounterDisplay/{index.js => index.jsx} (85%)

diff --git a/ui/src/app/page.js b/ui/src/app/page.js
index 5f85a48..f057107 100644
--- a/ui/src/app/page.js
+++ b/ui/src/app/page.js
@@ -3,13 +3,7 @@ import CounterDisplay from "@/components/CounterDisplay";
 const Home = () => {
   return (
     <main className="flex min-h-screen flex-col items-center justify-between p-24">
-      <div className="z-10 max-w-5xl w-full items-center justify-between font-mono text-sm lg:flex">
-        <p className="fixed left-0 top-0 flex w-full justify-center border-b border-gray-300 bg-gradient-to-b from-zinc-200 pb-6 pt-8 backdrop-blur-2xl dark:border-neutral-800 dark:bg-zinc-800/30 dark:from-inherit lg:static lg:w-auto lg:rounded-xl lg:border lg:bg-gray-200 lg:p-4 lg:dark:bg-zinc-800/30">
-          A dashboard for monitoring custom ohno! events
-          {/* &nbsp; */}
-          {/* <code className="font-mono font-bold">src/app/page.js</code> */}
-        </p>
-      </div>
+      <div className="z-10 max-w-5xl w-full items-center justify-between font-mono text-sm lg:flex"></div>
 
       <div className="relative flex place-items-center before:absolute before:h-[300px] before:w-full sm:before:w-[480px] before:-translate-x-1/2 before:rounded-full before:bg-gradient-radial before:from-white before:to-transparent before:blur-2xl before:content-[''] after:absolute after:-z-20 after:h-[180px] after:w-full sm:after:w-[240px] after:translate-x-1/3 after:bg-gradient-conic after:from-sky-200 after:via-blue-200 after:blur-2xl after:content-[''] before:dark:bg-gradient-to-br before:dark:from-transparent before:dark:to-blue-700 before:dark:opacity-10 after:dark:from-sky-900 after:dark:via-[#0141ff] after:dark:opacity-40 before:lg:h-[360px] z-[-1]">
         <CounterDisplay />
diff --git a/ui/src/components/CounterDisplay/index.js b/ui/src/components/CounterDisplay/index.jsx
similarity index 85%
rename from ui/src/components/CounterDisplay/index.js
rename to ui/src/components/CounterDisplay/index.jsx
index aeab366..1ba755f 100644
--- a/ui/src/components/CounterDisplay/index.js
+++ b/ui/src/components/CounterDisplay/index.jsx
@@ -3,13 +3,9 @@ import axios from "axios";
 const fetchCurrentValue = async () => {
   try {
     const rootUrl = process.env.NEXT_PUBLIC_ROOT_API_URL;
-    console.log("rootUrl:", rootUrl);
     const endpoint = `${rootUrl}/counter`;
-    console.log("Endpoint:", endpoint);
 
     const response = await axios.get(endpoint);
-    console.log("Response:", response.data); // Debug log
-
     if (response.data && typeof response.data.CurrentValue === "number") {
       return { currentValue: response.data.CurrentValue, error: null };
     } else {
@@ -32,7 +28,7 @@ const CounterDisplay = async () => {
         </h1>
       ) : (
         <h1 className="scroll-m-20 text-4xl font-extrabold trackeng-tight lg:text-5xl">
-          Current streak: {currentValue} 🔥
+          Current streak: {currentValue} days 🔥
         </h1>
       )}
     </div>