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

Removed refresh and added translations

Browse Source
This commit is contained in:
Andre Jarrell 2023-05-06 12:22:17 -04:00
parent 1637d65dd3
commit f520629298
2 changed files with 20 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
public/locales/en/common.json
View File

@ -235,7 +235,14 @@
"tailscale": { "tailscale": {
"address": "Address", "address": "Address",
"expires": "Expires", "expires": "Expires",
"last_seen": "Last Seen" "last_seen": "Last Seen",
"years": "{{number}}y",
"weeks": "{{number}}w",
"days": "{{number}}d",
"hours": "{{number}}h",
"minutes": "{{number}}m",
"seconds": "{{number}}s",
"ago": "{{value}} Ago"
}, },
"tdarr": { "tdarr": {
"queue": "Queue", "queue": "Queue",

22
src/widgets/tailscale/component.jsx
View File

@ -1,13 +1,15 @@
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";
export default function Component({ service }) { export default function Component({ service }) {
const { t } = useTranslation();
const { widget } = service; const { widget } = service;
const { data: statsData, error: statsError } = useWidgetAPI(widget, "device", { const { data: statsData, error: statsError } = useWidgetAPI(widget, "device");
refreshInterval: 1000 * 60,
});
if (statsError) { if (statsError) {
return <Container service={service} error={statsError} />; return <Container service={service} error={statsError} />;
@ -34,24 +36,24 @@ export default function Component({ service }) {
const compareDifferenceInTwoDates = (priorDate, futureDate) => { const compareDifferenceInTwoDates = (priorDate, futureDate) => {
const diff = futureDate.getTime() - priorDate.getTime(); const diff = futureDate.getTime() - priorDate.getTime();
const diffInYears = Math.ceil(diff / (1000 * 60 * 60 * 24 * 365)); const diffInYears = Math.ceil(diff / (1000 * 60 * 60 * 24 * 365));
if (diffInYears > 1) return `${diffInYears}y`; if (diffInYears > 1) return t("tailscale.years", { number: diffInYears });
const diffInWeeks = Math.ceil(diff / (1000 * 60 * 60 * 24 * 7)); const diffInWeeks = Math.ceil(diff / (1000 * 60 * 60 * 24 * 7));
if (diffInWeeks > 1) return `${diffInWeeks}w`; if (diffInWeeks > 1) return t("tailscale.weeks", { number: diffInWeeks });
const diffInDays = Math.ceil(diff / (1000 * 60 * 60 * 24)); const diffInDays = Math.ceil(diff / (1000 * 60 * 60 * 24));
if (diffInDays > 1) return `${diffInDays}d`; if (diffInDays > 1) return t("tailscale.days", { number: diffInDays });
const diffInHours = Math.ceil(diff / (1000 * 60 * 60)); const diffInHours = Math.ceil(diff / (1000 * 60 * 60));
if (diffInHours > 1) return `${diffInHours}h`; if (diffInHours > 1) return t("tailscale.hours", { number: diffInHours });
const diffInMinutes = Math.ceil(diff / (1000 * 60)); const diffInMinutes = Math.ceil(diff / (1000 * 60));
if (diffInMinutes > 1) return `${diffInMinutes}m`; if (diffInMinutes > 1) return t("tailscale.minutes", { number: diffInMinutes });
const diffInSeconds = Math.ceil(diff / 1000); const diffInSeconds = Math.ceil(diff / 1000);
if (diffInSeconds > 10) return `${diffInSeconds}s`; if (diffInSeconds > 10) return t("tailscale.seconds", { number: diffInSeconds });
return "Now"; return "Now";
}; };
const getLastSeen = () => { const getLastSeen = () => {
const date = new Date(lastSeen); const date = new Date(lastSeen);
const diff = compareDifferenceInTwoDates(date, now); const diff = compareDifferenceInTwoDates(date, now);
return `${diff === "Now" ? diff : `${diff} Ago`}`; return diff === "Now" ? diff : t("tailscale.ago", { value: diff });
}; };
const getExpiry = () => { const getExpiry = () => {