fix linting

Currently translated at 9.6% (9 of 93 strings)

Translation: Homepage/Homepage
Translate-URL: https://hosted.weblate.org/projects/homepage/homepage/zh_Hant/

package.json

@@ -12,7 +12,6 @@
     "@headlessui/react": "^1.7.0",
     "@tailwindcss/forms": "^0.5.3",
     "classnames": "^2.3.1",
-    "currency-symbol-map": "^5.1.0",
     "dockerode": "^3.3.4",
     "i18next": "^21.9.1",
     "i18next-browser-languagedetector": "^6.1.5",

pnpm-lock.yaml

@@ -5,7 +5,6 @@ specifiers:
   '@tailwindcss/forms': ^0.5.3
   autoprefixer: ^10.4.9
   classnames: ^2.3.1
-  currency-symbol-map: ^5.1.0
   dockerode: ^3.3.4
   eslint: ^8.23.1
   eslint-config-airbnb: ^19.0.4
@@ -42,7 +41,6 @@ dependencies:
   '@headlessui/react': 1.7.0_biqbaboplfbrettd7655fr4n2y
   '@tailwindcss/forms': 0.5.3_tailwindcss@3.1.8
   classnames: 2.3.1
-  currency-symbol-map: 5.1.0
   dockerode: 3.3.4
   i18next: 21.9.1
   i18next-browser-languagedetector: 6.1.5
@@ -706,10 +704,6 @@ packages:
     engines: {node: '>=4'}
     hasBin: true
 
-  /currency-symbol-map/5.1.0:
-    resolution: {integrity: sha512-LO/lzYRw134LMDVnLyAf1dHE5tyO6axEFkR3TXjQIOmMkAM9YL6QsiUwuXzZAmFnuDJcs4hayOgyIYtViXFrLw==}
-    dev: false
-
   /damerau-levenshtein/1.0.8:
     resolution: {integrity: sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==}
     dev: true

public/locales/de/common.json

@@ -109,7 +109,11 @@
         "downloaded": "Downloaded"
     },
     "coinmarketcap": {
-        "configure": "Configure one or more crypto currencies to track"
+        "configure": "Configure one or more crypto currencies to track",
+        "1hour": "1 Hour",
+        "1day": "1 Day",
+        "7days": "7 Days",
+        "30days": "30 Days"
     },
     "gotify": {
         "apps": "Applications",

public/locales/en/common.json

@@ -126,7 +126,11 @@
         "total": "Total"
     },
     "coinmarketcap": {
-        "configure": "Configure one or more crypto currencies to track"
+        "configure": "Configure one or more crypto currencies to track",
+        "1hour": "1 Hour",
+        "1day": "1 Day",
+        "7days": "7 Days",
+        "30days": "30 Days"
     },
     "gotify": {
         "apps": "Applications",

public/locales/es/common.json

@@ -11,7 +11,7 @@
         "total": "Total",
         "free": "Libre",
         "used": "Usado",
-        "load": "Load"
+        "load": "Carga"
     },
     "docker": {
         "rx": "Recibido",
@@ -34,8 +34,8 @@
     },
     "rutorrent": {
         "active": "Activo",
-        "upload": "Subir",
-        "download": "Descargar"
+        "upload": "Subida",
+        "download": "Descarga"
     },
     "sonarr": {
         "wanted": "Más deseado",
@@ -69,7 +69,7 @@
     },
     "speedtest": {
         "upload": "Subir",
-        "download": "Descargar",
+        "download": "Descarga",
         "ping": "Ping"
     },
     "portainer": {
@@ -109,7 +109,11 @@
         "downloaded": "Descargado"
     },
     "coinmarketcap": {
-        "configure": "Configurar una o varias criptomonedas para su seguimiento"
+        "configure": "Configurar una o varias criptomonedas para su seguimiento",
+        "1hour": "1 Hour",
+        "1day": "1 Day",
+        "7days": "7 Days",
+        "30days": "30 Days"
     },
     "gotify": {
         "apps": "Aplicaciones",
@@ -117,16 +121,16 @@
         "messages": "Mensajes"
     },
     "prowlarr": {
-        "enableIndexers": "Indexers",
-        "numberOfGrabs": "Grabs",
-        "numberOfQueries": "Queries",
-        "numberOfFailGrabs": "Fail Grabs",
-        "numberOfFailQueries": "Fail Queries"
+        "enableIndexers": "Indexadores",
+        "numberOfGrabs": "Capturas",
+        "numberOfQueries": "Consultas",
+        "numberOfFailGrabs": "Capturas Fallidas",
+        "numberOfFailQueries": "Consultas Fallidas"
     },
     "transmission": {
-        "download": "Download",
-        "upload": "Upload",
-        "leech": "Leech",
-        "seed": "Seed"
+        "download": "Descarga",
+        "upload": "Subida",
+        "leech": "Egoístas (Leech)",
+        "seed": "Semillas"
     }
 }

public/locales/fr/common.json

@@ -120,7 +120,11 @@
         "rate": "Évaluer"
     },
     "coinmarketcap": {
-        "configure": "Configurer une ou plusieurs crypto-monnaies à suivre"
+        "configure": "Configurer une ou plusieurs crypto-monnaies à suivre",
+        "1hour": "1 Hour",
+        "1day": "1 Day",
+        "7days": "7 Days",
+        "30days": "30 Days"
     },
     "gotify": {
         "apps": "Applications",
@@ -135,8 +139,8 @@
         "numberOfFailQueries": "Demande échouée"
     },
     "transmission": {
-        "download": "Download",
-        "upload": "Upload",
+        "download": "Réception",
+        "upload": "Envoi",
         "leech": "Leech",
         "seed": "Seed"
     }

public/locales/it/common.json

@@ -109,7 +109,11 @@
         "downloaded": "Downloaded"
     },
     "coinmarketcap": {
-        "configure": "Configure one or more crypto currencies to track"
+        "configure": "Configure one or more crypto currencies to track",
+        "1day": "1 Day",
+        "7days": "7 Days",
+        "1hour": "1 Hour",
+        "30days": "30 Days"
     },
     "gotify": {
         "apps": "Applications",

public/locales/nb-NO/common.json

@@ -109,7 +109,11 @@
         "remaining": "Gjenstående"
     },
     "coinmarketcap": {
-        "configure": "Sett opp én eller flere kryptovalutaer å holde øye med"
+        "configure": "Sett opp én eller flere kryptovalutaer å holde øye med",
+        "1hour": "1 Hour",
+        "1day": "1 Day",
+        "7days": "7 Days",
+        "30days": "30 Days"
     },
     "gotify": {
         "apps": "Programmer",

public/locales/nl/common.json

@@ -109,7 +109,11 @@
         "downloaded": "Downloaded"
     },
     "coinmarketcap": {
-        "configure": "Configure one or more crypto currencies to track"
+        "configure": "Configure one or more crypto currencies to track",
+        "1hour": "1 Hour",
+        "7days": "7 Days",
+        "1day": "1 Day",
+        "30days": "30 Days"
     },
     "gotify": {
         "apps": "Applications",

public/locales/pt/common.json

@@ -1,6 +1,6 @@
 {
     "widget": {
-        "missing_type": "Tipo de widget ausente: {{type}}",
+        "missing_type": "Widget ausente: {{type}}",
         "api_error": "Erro da API",
         "status": "Status"
     },
@@ -10,7 +10,7 @@
     "resources": {
         "total": "Total",
         "free": "Livre",
-        "used": "Usada",
+        "used": "Usado",
         "load": "Load"
     },
     "docker": {
@@ -18,22 +18,22 @@
         "tx": "Tx",
         "mem": "Mem",
         "cpu": "CPU",
-        "offline": "Desligada"
+        "offline": "Desligado"
     },
     "emby": {
         "playing": "A reproduzir",
         "transcoding": "Transcodificação",
-        "bitrate": "Taxa de bits",
-        "no_active": "No Active Streams"
+        "bitrate": "Bitrate",
+        "no_active": "Sem streams ativas"
     },
     "tautulli": {
         "playing": "Reproduzindo",
         "transcoding": "Transcodificação",
         "bitrate": "Taxa de bits",
-        "no_active": "No Active Streams"
+        "no_active": "Sem streams ativas"
     },
     "rutorrent": {
-        "active": "Ativa",
+        "active": "Ativo",
         "upload": "Envio",
         "download": "ReceçãoDownload"
     },
@@ -44,13 +44,13 @@
     },
     "radarr": {
         "wanted": "Desejado",
-        "queued": "Enfileiradas",
+        "queued": "Fila",
         "movies": "Filmes"
     },
     "readarr": {
         "wanted": "Wanted",
-        "queued": "Queued",
-        "books": "Books"
+        "queued": "Em fila",
+        "books": "Livros"
     },
     "ombi": {
         "pending": "Pendente",
@@ -65,7 +65,7 @@
     "pihole": {
         "queries": "Consultas",
         "blocked": "Bloqueado",
-        "gravity": "Gravidade"
+        "gravity": "Gravity"
     },
     "speedtest": {
         "upload": "Envio",
@@ -73,18 +73,18 @@
         "ping": "Ping"
     },
     "portainer": {
-        "running": "Corrida",
-        "stopped": "Parou",
+        "running": "A correr",
+        "stopped": "Parado",
         "total": "Total"
     },
     "traefik": {
-        "routers": "Roteadores",
+        "routers": "Routers",
         "services": "Serviços",
         "middleware": "Middleware"
     },
     "npm": {
-        "enabled": "Habilitada",
-        "disabled": "Desabilitada",
+        "enabled": "Ativo",
+        "disabled": "Desabilitado",
         "total": "Total"
     },
     "common": {
@@ -105,22 +105,26 @@
         "wait": "Por favor aguarde"
     },
     "overseerr": {
-        "pending": "Pending",
-        "approved": "Approved",
-        "available": "Available"
+        "pending": "Pendente",
+        "approved": "Aprovado",
+        "available": "Disponível"
     },
     "sabnzbd": {
         "rate": "Rate",
-        "queue": "Queue",
-        "timeleft": "Time Left"
+        "queue": "Fila",
+        "timeleft": "Tempo restante"
     },
     "nzbget": {
         "rate": "Rate",
-        "remaining": "Remaining",
+        "remaining": "Restante",
         "downloaded": "Downloaded"
     },
     "coinmarketcap": {
-        "configure": "Configure one or more crypto currencies to track"
+        "configure": "Configurar uma ou mais moedas",
+        "1hour": "1 Hour",
+        "1day": "1 Day",
+        "7days": "7 Days",
+        "30days": "30 Days"
     },
     "gotify": {
         "apps": "Aplicações",
@@ -131,12 +135,12 @@
         "enableIndexers": "Indexers",
         "numberOfGrabs": "Grabs",
         "numberOfQueries": "Queries",
-        "numberOfFailGrabs": "Fail Grabs",
-        "numberOfFailQueries": "Fail Queries"
+        "numberOfFailGrabs": "Falhados",
+        "numberOfFailQueries": "Pesquisas falhadas"
     },
     "transmission": {
         "download": "Download",
-        "upload": "Upload",
+        "upload": "Envio",
         "leech": "Leech",
         "seed": "Seed"
     }

public/locales/ru/common.json

@@ -109,7 +109,11 @@
         "downloaded": "Downloaded"
     },
     "coinmarketcap": {
-        "configure": "Configure one or more crypto currencies to track"
+        "configure": "Configure one or more crypto currencies to track",
+        "1hour": "1 Hour",
+        "1day": "1 Day",
+        "7days": "7 Days",
+        "30days": "30 Days"
     },
     "gotify": {
         "apps": "Applications",

public/locales/vi/common.json

@@ -109,7 +109,11 @@
         "downloaded": "Downloaded"
     },
     "coinmarketcap": {
-        "configure": "Configure one or more crypto currencies to track"
+        "configure": "Configure one or more crypto currencies to track",
+        "1hour": "1 Hour",
+        "1day": "1 Day",
+        "7days": "7 Days",
+        "30days": "30 Days"
     },
     "gotify": {
         "apps": "Applications",

public/locales/zh-CN/common.json

@@ -109,7 +109,11 @@
         "downloaded": "下载"
     },
     "coinmarketcap": {
-        "configure": "配置一个或多个需要追踪的加密"
+        "configure": "配置一个或多个需要追踪的加密",
+        "1hour": "1 Hour",
+        "1day": "1 Day",
+        "7days": "7 Days",
+        "30days": "30 Days"
     },
     "gotify": {
         "apps": "应用",

public/locales/zh-Hant/common.json

@@ -114,7 +114,11 @@
         "total": "Total"
     },
     "coinmarketcap": {
-        "configure": "Configure one or more crypto currencies to track"
+        "configure": "Configure one or more crypto currencies to track",
+        "1hour": "1 Hour",
+        "1day": "1 Day",
+        "7days": "7 Days",
+        "30days": "30 Days"
     },
     "prowlarr": {
         "enableIndexers": "Indexers",

src/components/services/dropdown.jsx

@@ -0,0 +1,48 @@
+import { Fragment } from "react";
+import { Menu, Transition } from "@headlessui/react";
+import { BiCog } from "react-icons/bi";
+import classNames from "classnames";
+
+export default function Dropdown({ options, value, setValue }) {
+  return (
+    <Menu as="div" className="relative inline-block text-left">
+      <div>
+        <Menu.Button className="text-xs inline-flex w-full items-center rounded bg-theme-200/50 dark:bg-theme-900/20 px-3 py-1.5">
+          {options.find((option) => option.value === value).label}
+          <BiCog className="-mr-1 ml-2 h-4 w-4" aria-hidden="true" />
+        </Menu.Button>
+      </div>
+
+      <Transition
+        as={Fragment}
+        enter="transition ease-out duration-100"
+        enterFrom="transform opacity-0 scale-95"
+        enterTo="transform opacity-100 scale-100"
+        leave="transition ease-in duration-75"
+        leaveFrom="transform opacity-100 scale-100"
+        leaveTo="transform opacity-0 scale-95"
+      >
+        <Menu.Items className="absolute right-0 z-10 mt-2 w-56 origin-top-right rounded-md bg-theme-200/50 dark:bg-theme-900/50 backdrop-blur shadow-md focus:outline-none text-theme-700 dark:text-theme-200">
+          <div className="py-1">
+            {options.map((option) => (
+              <Menu.Item key={option.value} as={Fragment}>
+                <button
+                  onClick={() => {
+                    setValue(option.value);
+                  }}
+                  type="button"
+                  className={classNames(
+                    value === option.value ? "bg-theme-300/40 dark:bg-theme-900/40" : "",
+                    "w-full block px-3 py-1.5 text-sm hover:bg-theme-300/70 hover:dark:bg-theme-900/70 text-left"
+                  )}
+                >
+                  {option.label}
+                </button>
+              </Menu.Item>
+            ))}
+          </div>
+        </Menu.Items>
+      </Transition>
+    </Menu>
+  );
+}

src/components/services/widget.jsx

@@ -45,7 +45,7 @@ const widgetMappings = {
   npm: Npm,
   tautulli: Tautulli,
   gotify: Gotify,
-  prowlarr: Prowlarr
+  prowlarr: Prowlarr,
 };
 
 export default function Widget({ service }) {

src/components/services/widgets/service/coinmarketcap.jsx

@@ -1,15 +1,26 @@
 import useSWR from "swr";
+import { useState } from "react";
 import { useTranslation } from "react-i18next";
-import getSymbolFromCurrency from "currency-symbol-map";
+import classNames from "classnames";
 
 import Widget from "../widget";
 import Block from "../block";
 
+import Dropdown from "components/services/dropdown";
 import { formatApiUrl } from "utils/api-helpers";
 
 export default function CoinMarketCap({ service }) {
   const { t } = useTranslation();
 
+  const dateRangeOptions = [
+    { label: t("coinmarketcap.1hour"), value: "1h" },
+    { label: t("coinmarketcap.1day"), value: "24h" },
+    { label: t("coinmarketcap.7days"), value: "7d" },
+    { label: t("coinmarketcap.30days"), value: "30d" },
+  ];
+
+  const [dateRange, setDateRange] = useState(dateRangeOptions[0].value);
+
   const config = service.widget;
   const currencyCode = config.currency ?? "USD";
   const { symbols } = config;
@@ -30,7 +41,7 @@ export default function CoinMarketCap({ service }) {
     return <Widget error={t("widget.api_error")} />;
   }
 
-  if (!statsData) {
+  if (!statsData || !dateRange) {
     return (
       <Widget>
         <Block value={t("coinmarketcap.configure")} />
@@ -39,28 +50,36 @@ export default function CoinMarketCap({ service }) {
   }
 
   const { data } = statsData;
-  const currencySymbol = getSymbolFromCurrency(currencyCode);
 
   return (
     <Widget>
+      <div className={classNames(service.description ? "-top-10" : "-top-8", "absolute right-1")}>
+        <Dropdown options={dateRangeOptions} value={dateRange} setValue={setDateRange} />
+      </div>
+
       <div className="flex flex-col w-full">
-        {symbols.map((key) => (
+        {symbols.map((symbol) => (
           <div
-            key={data[key].symbol}
+            key={data[symbol].symbol}
             className="bg-theme-200/50 dark:bg-theme-900/20 rounded m-1 flex-1 flex flex-row items-center justify-between p-1 text-xs"
           >
-            <div className="font-thin pl-2">{data[key].name}</div>
+            <div className="font-thin pl-2">{data[symbol].name}</div>
             <div className="flex flex-row text-right">
               <div className="font-bold mr-2">
-                {currencySymbol}
-                {data[key].quote[currencyCode].price.toFixed(2)}
+                {t("common.number", {
+                  value: data[symbol].quote[currencyCode].price,
+                  style: "currency",
+                  currency: currencyCode,
+                })}
               </div>
               <div
                 className={`font-bold w-10 mr-2 ${
-                  data[key].quote[currencyCode].percent_change_1h > 0 ? "text-emerald-300" : "text-rose-300"
+                  data[symbol].quote[currencyCode][`percent_change_${dateRange}`] > 0
+                    ? "text-emerald-300"
+                    : "text-rose-300"
                 }`}
               >
-                {data[key].quote[currencyCode].percent_change_1h.toFixed(2)}%
+                {data[symbol].quote[currencyCode][`percent_change_${dateRange}`].toFixed(2)}%
               </div>
             </div>
           </div>

src/components/services/widgets/widget.jsx

@@ -7,5 +7,5 @@ export default function Widget({ error = false, children }) {
     );
   }
 
-  return <div className="flex flex-row w-full">{children}</div>;
+  return <div className="relative flex flex-row w-full">{children}</div>;
 }

src/components/widgets/resources/resources.jsx

@@ -3,7 +3,6 @@ import Cpu from "./cpu";
 import Memory from "./memory";
 
 export default function Resources({ options }) {
-  console.log(options);
   const { expanded } = options;
   return (
     <div className="flex flex-col max-w:full sm:basis-auto self-center m-auto flex-wrap">

src/pages/index.jsx

@@ -46,6 +46,8 @@ export default function Home({ settings }) {
       <ThemeProvider>
         <Head>
           <title>{settings.title || "Homepage"}</title>
+          {settings.base && <base href={settings.base} />}
+          {settings.favicon && <link rel="icon" href={settings.favicon} />}
         </Head>
         <div className="fixed w-full h-full m-0 p-0" style={wrappedStyle} />
         <div className="relative w-full container m-auto flex flex-col h-screen justify-between">