From 9aae90e106cc2bde9736dc450fba779fb507d0a6 Mon Sep 17 00:00:00 2001
From: "Maureen E. Zitouni" <maureen.zitouni@gmail.com>
Date: Tue, 22 Oct 2024 05:16:16 -0400
Subject: [PATCH] Add Spoke version in app

---
 src/containers/UserEdit.jsx | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/containers/UserEdit.jsx b/src/containers/UserEdit.jsx
index d62535a47..f8f653fcb 100644
--- a/src/containers/UserEdit.jsx
+++ b/src/containers/UserEdit.jsx
@@ -59,9 +59,18 @@ const styles = StyleSheet.create({
   },
   cancel: {
     marginTop: 15
+  },
+  spokeVersion: {
+    position: "absolute",
+    left: -8,
+    bottom: -10,
+    fontSize: "smaller",
+    margin: 0
   }
 });
 
+const spokeVersion = "14.1.2";
+
 const fetchUser = async (organizationId, userId) => {
   try {
     const response = await apolloClient.query({
@@ -300,7 +309,7 @@ export class UserEditBase extends React.Component {
     const fieldsNeeded = router && !!router.location.query.fieldsNeeded;
 
     return (
-      <div style={{ padding: 20 }}>
+      <div style={{ padding: 20, position: "relative" }}>
         {userId ? <div style={{}}>User Id: {userId}</div> : null}
         <GSForm
           style={{}}
@@ -440,6 +449,7 @@ export class UserEditBase extends React.Component {
             racism, patriarchy, and militarism.
           </CardContent>
         </Card>
+        <p className={css(styles.spokeVersion)}>Spoke v{spokeVersion}</p>
       </div>
     );
   }