From 4cccf132b639ed16c2b09fc340452defd9020f49 Mon Sep 17 00:00:00 2001
From: codey <codey@code.ee>
Date: Tue, 18 Mar 2025 09:38:27 -0400
Subject: [PATCH] cleanup; add album/genre to radio widget

---
 src/widgets/lyrics/widget.js    |  4 ++--
 src/widgets/radio/component.jsx | 17 +++++++++++++----
 src/widgets/radio/widget.js     |  4 ++--
 src/widgets/redis/widget.js     |  4 ++--
 src/widgets/sqlite/widget.js    |  4 ++--
 5 files changed, 21 insertions(+), 12 deletions(-)

diff --git a/src/widgets/lyrics/widget.js b/src/widgets/lyrics/widget.js
index f32dc7b..2ac7a02 100644
--- a/src/widgets/lyrics/widget.js
+++ b/src/widgets/lyrics/widget.js
@@ -1,8 +1,8 @@
 import genericProxyHandler from "utils/proxy/handlers/generic"; 
 
 const widget =  {
-  api: "{url}/{endpoint}" ,
-  proxyHandler: genericProxyHandler ,
+  api: "{url}/{endpoint}",
+  proxyHandler: genericProxyHandler,
 
   mappings:  {
     "widget":  {
diff --git a/src/widgets/radio/component.jsx b/src/widgets/radio/component.jsx
index 5b320a6..fdf2a8f 100644
--- a/src/widgets/radio/component.jsx
+++ b/src/widgets/radio/component.jsx
@@ -3,6 +3,7 @@ import { useTranslation } from "next-i18next";
 import Container from "components/services/widget/container";
 import Block from "components/services/widget/block";
 import useWidgetAPI from "utils/proxy/use-widget-api";
+import classNames from "classnames";
 
 export default function Component({ service }) {
   const { t } = useTranslation();
@@ -17,16 +18,24 @@ export default function Component({ service }) {
 
   if (!data) {
     return (
-      <Container service={service}>
-        <Block label="Now Playing" />
+      <Container service={service} className={classNames(
+                "bg-theme-200/50 dark:bg-theme-900/20 rounded m-1 flex-1 flex flex-col items-center justify-center text-center",
+                "service-block",)}>
+        <Block label="Now Playing" value="N/A - N/A" style={{ fontSize: "0.3em" }} />
+        <Block label="Album" value="N/A" style={{ fontSize: "0.3em" }} />
+        <Block label="Genre" value="N/A" style={{ fontSize: "0.3em" }} />
       </Container>
     );
   }
 
   return (
-    <Container service={service}>
+    <Container service={service} className={classNames(
+              "bg-theme-200/50 dark:bg-theme-900/20 rounded m-1 flex-1 flex flex-col items-center justify-center text-center",
+              "service-block",)}>
       <img src={`https://api.codey.lol/radio/album_art?${Date.now()}`} height={85} width={85}></img>
-      <Block label="Now Playing" value={ data.now_playing } />
+      <Block label="Now Playing" value={ data.now_playing } style={{ fontSize: "0.3em" }} />
+      <Block label="Album" value= { data.album } style={{ fontSize: "0.3em" }} />
+      <Block label="Genre" value={ data.genre } style={{ fontSize: "0.3em" }} />
     </Container>
   );
 }
diff --git a/src/widgets/radio/widget.js b/src/widgets/radio/widget.js
index d79fcc4..3d0ecca 100644
--- a/src/widgets/radio/widget.js
+++ b/src/widgets/radio/widget.js
@@ -1,8 +1,8 @@
 import genericProxyHandler from "utils/proxy/handlers/generic"; 
 
 const widget =  {
-  api: "{url}/{endpoint}" ,
-  proxyHandler: genericProxyHandler ,
+  api: "{url}/{endpoint}",
+  proxyHandler: genericProxyHandler,
 
   mappings:  {
     "widget":  {
diff --git a/src/widgets/redis/widget.js b/src/widgets/redis/widget.js
index eb9a799..447cd20 100644
--- a/src/widgets/redis/widget.js
+++ b/src/widgets/redis/widget.js
@@ -1,8 +1,8 @@
 import genericProxyHandler from "utils/proxy/handlers/generic"; 
 
 const widget =  {
-  api: "{url}/{endpoint}" ,
-  proxyHandler: genericProxyHandler ,
+  api: "{url}/{endpoint}",
+  proxyHandler: genericProxyHandler,
 
   mappings:  {
     "widget":  {
diff --git a/src/widgets/sqlite/widget.js b/src/widgets/sqlite/widget.js
index 1130063..e055480 100644
--- a/src/widgets/sqlite/widget.js
+++ b/src/widgets/sqlite/widget.js
@@ -1,8 +1,8 @@
 import genericProxyHandler from "utils/proxy/handlers/generic"; 
 
 const widget =  {
-  api: "{url}/{endpoint}" ,
-  proxyHandler: genericProxyHandler ,
+  api: "{url}/{endpoint}",
+  proxyHandler: genericProxyHandler,
 
   mappings:  {
     "widget":  {