codey/homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

cleanup; add album/genre to radio widget

Browse Source
This commit is contained in:
codey 2025-03-18 09:38:27 -04:00
parent 486866bbfe
commit 4cccf132b6
5 changed files with 21 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/widgets/lyrics/widget.js
View File

@ -1,8 +1,8 @@
import genericProxyHandler from "utils/proxy/handlers/generic"; import genericProxyHandler from "utils/proxy/handlers/generic";
const widget = { const widget = {
api: "{url}/{endpoint}" , api: "{url}/{endpoint}",
proxyHandler: genericProxyHandler , proxyHandler: genericProxyHandler,
mappings: { mappings: {
"widget": { "widget": {

17
src/widgets/radio/component.jsx
View File

@ -3,6 +3,7 @@ import { useTranslation } from "next-i18next";
import Container from "components/services/widget/container"; import Container from "components/services/widget/container";
import Block from "components/services/widget/block"; import Block from "components/services/widget/block";
import useWidgetAPI from "utils/proxy/use-widget-api"; import useWidgetAPI from "utils/proxy/use-widget-api";
import classNames from "classnames";
export default function Component({ service }) { export default function Component({ service }) {
const { t } = useTranslation(); const { t } = useTranslation();
@ -17,16 +18,24 @@ export default function Component({ service }) {
if (!data) { if (!data) {
return ( return (
<Container service={service}> <Container service={service} className={classNames(
<Block label="Now Playing" /> "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> </Container>
); );
} }
return ( 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> <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> </Container>
); );
} }

4
src/widgets/radio/widget.js
View File

@ -1,8 +1,8 @@
import genericProxyHandler from "utils/proxy/handlers/generic"; import genericProxyHandler from "utils/proxy/handlers/generic";
const widget = { const widget = {
api: "{url}/{endpoint}" , api: "{url}/{endpoint}",
proxyHandler: genericProxyHandler , proxyHandler: genericProxyHandler,
mappings: { mappings: {
"widget": { "widget": {

4
src/widgets/redis/widget.js
View File

@ -1,8 +1,8 @@
import genericProxyHandler from "utils/proxy/handlers/generic"; import genericProxyHandler from "utils/proxy/handlers/generic";
const widget = { const widget = {
api: "{url}/{endpoint}" , api: "{url}/{endpoint}",
proxyHandler: genericProxyHandler , proxyHandler: genericProxyHandler,
mappings: { mappings: {
"widget": { "widget": {

4
src/widgets/sqlite/widget.js
View File

@ -1,8 +1,8 @@
import genericProxyHandler from "utils/proxy/handlers/generic"; import genericProxyHandler from "utils/proxy/handlers/generic";
const widget = { const widget = {
api: "{url}/{endpoint}" , api: "{url}/{endpoint}",
proxyHandler: genericProxyHandler , proxyHandler: genericProxyHandler,
mappings: { mappings: {
"widget": { "widget": {