Merge pull request #624 from PacoVK/show-version

show the current version in UI
PacoVK · Sep 8, 2023 · fde63f3 · fde63f3
2 parents 642872a + 3835acb
commit fde63f3
Show file tree

Hide file tree

Showing 5 changed files with 24 additions and 17 deletions.
diff --git a/esbuild/build.js b/esbuild/build.js
@@ -9,5 +9,8 @@ esbuild
     loader: {
       ".js": "jsx",
     },
+    define: {
+      "process.env.REACT_APP_VERSION": '"v0.5.1"',
+    },
   })
   .catch(() => process.exit(1));
diff --git a/esbuild/serve.mjs b/esbuild/serve.mjs
@@ -5,6 +5,9 @@ const ctx = await esbuild.context({
   entryPoints: ["frontend/index.tsx"],
   minify: false,
   outfile: "public/assets/app.js",
+  define: {
+    "process.env.REACT_APP_VERSION": '"development"',
+  },
 });
 
 await ctx.watch();

diff --git a/frontend/components/MessageItem.tsx b/frontend/components/MessageItem.tsx
@@ -59,23 +59,21 @@ const MessageItem = (props: { data: SqsMessage }) => {
                 <Typography>Message Attributes</Typography>
               </AccordionSummary>
               <AccordionDetails>
-                {
+                {Object.entries(
                   // @ts-ignore
-                  Object.entries(
-                    JSON.parse(props.data.messageAttributes.CustomAttributes),
-                  ).map(([key, value]) => {
-                    return (
-                      <Box key={key}>
-                        <Divider />
-                        <Stack direction="row" sx={{ ml: 0 }} spacing={2}>
-                          <Typography>Key: {key}</Typography>
-                          <Typography>Value: {value as string}</Typography>
-                        </Stack>
-                        <Divider />
-                      </Box>
-                    );
-                  })
-                }
+                  JSON.parse(props.data.messageAttributes.CustomAttributes),
+                ).map(([key, value]) => {
+                  return (
+                    <Box key={key}>
+                      <Divider />
+                      <Stack direction="row" sx={{ ml: 0 }} spacing={2}>
+                        <Typography>Key: {key}</Typography>
+                        <Typography>Value: {value as string}</Typography>
+                      </Stack>
+                      <Divider />
+                    </Box>
+                  );
+                })}
               </AccordionDetails>
             </Accordion>
           ) : null}

diff --git a/frontend/views/Overview.tsx b/frontend/views/Overview.tsx
@@ -170,6 +170,9 @@ const Overview = () => {
               <Typography variant="h6" margin={"auto"}>
                 SQS Admin UI
               </Typography>
+              <Typography variant="subtitle2" margin={"auto"}>
+                {process.env.REACT_APP_VERSION}
+              </Typography>
             </ListItem>
             <ListItem>
               <Toolbar

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "sqs-admin-ui",
-  "version": "0.1.0",
+  "version": "0.5.1",
   "private": false,
   "author": {
     "name": "pacoVK",