feat: add version to footer

jbrodriguez · Nov 22, 2023 · bb3705e · bb3705e
1 parent 1cc14da
commit bb3705e
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 5 deletions.
diff --git a/ui/src/api/index.ts b/ui/src/api/index.ts
@@ -1,6 +1,6 @@
 // import React from "react";
 
-import type { Movies, OptionsParams, Movie } from "~/types";
+import type { Movies, OptionsParams, Movie, ConfigState } from "~/types";
 
 const encode = (params: OptionsParams): string => {
   const str = [];
@@ -18,6 +18,15 @@ export const wsEndpoint = `${
   document.location.protocol === "http:" ? "ws:" : "wss:"
 }//${document.location.host}/ws`;
 
+export async function getConfig(): Promise<ConfigState> {
+  const response = await fetch(`${apiEndpoint}/config`);
+  // if (!response.ok) {
+  //   throw new Error(response.statusText);
+  // }
+
+  return await response.json();
+}
+
 export async function getMovies(params: {
   url: string;
   args: OptionsParams;

diff --git a/ui/src/shared/footer/Footer.tsx b/ui/src/shared/footer/Footer.tsx
@@ -1,6 +1,13 @@
 import React from "react";
 
+import useSWR from "swr";
+
+import { getConfig } from "~/api";
+import { Spinner } from "~/shared/components/spinner";
+
 export const Footer: React.FC = () => {
+  const { data, isLoading } = useSWR("/config", getConfig);
+
   return (
     <section className="flex flex-row items-center justify-between bg-neutral-100 p-2 mt-4 mb-4">
       <div>
@@ -10,8 +17,14 @@ export const Footer: React.FC = () => {
         </a>
       </div>
       <div className="text-red-600">
-        <span>mediaGUI &nbsp;</span>
-        <span>v1.0</span>
+        {isLoading ? (
+          <Spinner />
+        ) : (
+          <>
+            <span>mediaGUI &nbsp;</span>
+            <span>v{data?.version}</span>
+          </>
+        )}
       </div>
       <div className="flex flex-row items-center">
         <a

diff --git a/ui/src/types.ts b/ui/src/types.ts
@@ -9,9 +9,8 @@ export interface RootState {
 
 export interface ConfigState {
   version: string;
-  unraidMode: boolean;
   unraidHosts: string[];
-  mediaFolders: string[];
+  mediaFolder: string[];
 }
 
 export interface OptionsState {