feat: show commit hash in settings page

ixhbinphoenix · Jan 20, 2024 · d7e4f7a · d7e4f7a
1 parent 7aaf09d
commit d7e4f7a
Show file tree

Hide file tree

Showing 3 changed files with 34 additions and 1 deletion.
diff --git a/frontend/src/api/main.ts b/frontend/src/api/main.ts
@@ -60,4 +60,28 @@ export const SubjectNames: { [key: string]: string } = {
 };
 export function JSESSIONIDCookieString(JSESSIONID: string): string {
   return `JSESSIONID=${JSESSIONID}; max-age=600; secure; samesite=none; domain=.theschedule.de`;
+}
+export async function getCommitHash(): Promise<string> {
+  const result = await fetch("https://api.github.com/repos/ixhbinphoenix/bne/commits/master", {
+    method: "GET"
+  }) as unknown as Array<any>
+  try {
+    return JSON.parse(await readStream(result.body)).sha.substring(0, 7)
+  }
+  catch (error) {
+    return Promise.reject(error)
+  }
+}
+async function readStream(stream: ReadableStream<Uint8Array>) {
+    const textDecode = new TextDecoder();
+    const chunks = [];
+    const reader = stream.getReader();
+    while (true) {
+      const { done, value } = await reader.read();
+      if (done) {
+        break;
+      }
+      chunks.push(textDecode.decode(value));
+    }
+    return chunks.join("");
 }
diff --git a/frontend/src/components/plan-components/Settings.tsx b/frontend/src/components/plan-components/Settings.tsx
@@ -12,8 +12,10 @@ import Logout from "./settings-components/Logout";
 import UserData from "./settings-components/UserData";
 import { onSwipe } from "../../api/Touch";
 import { accountIsVerified, resendVerifyEmail } from "../../api/theBackend";
+import { getCommitHash } from "../../api/main";
 
 export default function Settings(): JSX.Element {
+  const [commitHash, setCommitHash] = useState("");
   const [resendMessage, setResendMessage] = useState("Link erneut versenden");
   const [NotVerifiedMessage, setNotVerifiedMessage] = useState({ display: "none" });
   const [TopbarColor, setTopbarColor] = useState({ "background-color": "var(--highlight-blue)" });
@@ -72,6 +74,11 @@ export default function Settings(): JSX.Element {
   const [pageContent, setPageContent] = useState<JSX.Element>(Menu);
   const [username, setUsername] = useState("");
   useEffect(() => {
+    getCommitHash().then(
+      (result) => {
+        setCommitHash(result)
+      }
+    )
     showNotVerifiedMessage();
     const usernameRaw = localStorage.getItem("untis_username");
     const nameParts = usernameRaw?.split("_");
@@ -88,10 +95,11 @@ export default function Settings(): JSX.Element {
   }, [pageContent]);
 
   return (
-    <div class="settings-page">
+    <div class="settings-page" >
       <div id="top-bar" style={TopbarColor}>
         <div id="username">{username}</div>
         {notVerifiedMessageDiv}
+        <p style="position: absolute; font-size: 1vmin; right: 0%; bottom: 0%;">Version: {commitHash}</p>
       </div>
       <button
         class="back-button"

diff --git a/frontend/src/styles/Settings.scss b/frontend/src/styles/Settings.scss
@@ -6,6 +6,7 @@
   flex-direction: column;
 
   & > #top-bar {
+    position: relative;
     display: flex;
     flex-direction: column;
     align-items: center;