diff --git a/public/locales/en/common.json b/public/locales/en/common.json
index c8cb23f5..a9d6ed34 100755
--- a/public/locales/en/common.json
+++ b/public/locales/en/common.json
@@ -535,5 +535,10 @@
"targets_up": "Targets Up",
"targets_down": "Targets Down",
"targets_total": "Total Targets"
+ },
+ "ghostfolio": {
+ "gross_percent_today": "Today",
+ "gross_percent_1y": "One year",
+ "gross_percent_max": "All time"
}
}
diff --git a/src/utils/proxy/handlers/credentialed.js b/src/utils/proxy/handlers/credentialed.js
index b29443c2..75b9d8f3 100644
--- a/src/utils/proxy/handlers/credentialed.js
+++ b/src/utils/proxy/handlers/credentialed.js
@@ -47,6 +47,8 @@ export default async function credentialedProxyHandler(req, res, map) {
headers.Authorization = `Bearer ${widget.key}`;
} else if (widget.type === "pterodactyl") {
headers.Authorization = `Bearer ${widget.key}`;
+ } else if (widget.type === "ghostfolio") {
+ headers.Authorization = `Bearer ${widget.key}`;
} else {
headers["X-API-Key"] = `${widget.key}`;
}
diff --git a/src/widgets/components.js b/src/widgets/components.js
index bb96b901..cfd3d665 100644
--- a/src/widgets/components.js
+++ b/src/widgets/components.js
@@ -16,6 +16,7 @@ const components = {
emby: dynamic(() => import("./emby/component")),
fileflows: dynamic(() => import("./fileflows/component")),
flood: dynamic(() => import("./flood/component")),
+ ghostfolio: dynamic(() => import("./ghostfolio/component")),
gluetun: dynamic(() => import("./gluetun/component")),
gotify: dynamic(() => import("./gotify/component")),
grafana: dynamic(() => import("./grafana/component")),
diff --git a/src/widgets/ghostfolio/component.jsx b/src/widgets/ghostfolio/component.jsx
new file mode 100644
index 00000000..7a56ae0b
--- /dev/null
+++ b/src/widgets/ghostfolio/component.jsx
@@ -0,0 +1,41 @@
+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";
+
+function getPerformancePercent(t, performanceRange) {
+ return `${(performanceRange.performance.currentGrossPerformancePercent > 0 ? "+" : "")}${t("common.percent", { value: performanceRange.performance.currentGrossPerformancePercent * 100, maximumFractionDigits: 2 })}`
+}
+
+export default function Component({ service }) {
+ const { t } = useTranslation();
+ const { widget } = service;
+
+ const { data: performanceToday, error: ghostfolioErrorToday } = useWidgetAPI(widget, "today");
+ const { data: performanceYear, error: ghostfolioErrorYear } = useWidgetAPI(widget, "year");
+ const { data: performanceMax, error: ghostfolioErrorMax } = useWidgetAPI(widget, "max");
+
+ if (ghostfolioErrorToday || ghostfolioErrorYear || ghostfolioErrorMax) {
+ const finalError = ghostfolioErrorToday ?? ghostfolioErrorYear ?? ghostfolioErrorMax
+ return ;
+ }
+
+ if (!performanceToday || !performanceYear || !performanceMax) {
+ return (
+
+
+
+
+
+ );
+ }
+
+ return (
+
+
+
+
+
+ );
+}
diff --git a/src/widgets/ghostfolio/widget.js b/src/widgets/ghostfolio/widget.js
new file mode 100644
index 00000000..a084d8f4
--- /dev/null
+++ b/src/widgets/ghostfolio/widget.js
@@ -0,0 +1,20 @@
+import credentialedProxyHandler from "utils/proxy/handlers/credentialed";
+
+const widget = {
+ api: "{url}/api/v2/portfolio/performance?range={endpoint}",
+ proxyHandler: credentialedProxyHandler,
+
+ mappings: {
+ today: {
+ endpoint: "1d"
+ },
+ year: {
+ endpoint: "1y"
+ },
+ max: {
+ endpoint: "max"
+ },
+ },
+};
+
+export default widget;
diff --git a/src/widgets/widgets.js b/src/widgets/widgets.js
index 4e537cd6..0716c1d6 100644
--- a/src/widgets/widgets.js
+++ b/src/widgets/widgets.js
@@ -11,6 +11,7 @@ import downloadstation from "./downloadstation/widget";
import emby from "./emby/widget";
import fileflows from "./fileflows/widget";
import flood from "./flood/widget";
+import ghostfolio from "./ghostfolio/widget"
import gluetun from "./gluetun/widget";
import gotify from "./gotify/widget";
import grafana from "./grafana/widget";
@@ -86,6 +87,7 @@ const widgets = {
emby,
fileflows,
flood,
+ ghostfolio,
gluetun,
gotify,
grafana,