feat: display version in frontend (#8)

.github/workflows/docker.yml

@@ -23,6 +23,8 @@ jobs:
 
       - name: Build and push
         uses: docker/build-push-action@v2
+        env:
+          VITE_SATTRACK_VERSION: ${{ github.ref_name }}
         with:
           context: .
           file: ./Dockerfile

Dockerfile

@@ -19,6 +19,8 @@ RUN npm i && npm run build
 
 FROM debian:bullseye as sattrack_runner
 
+ENV VITE_SATTRACK_VERSION=devel
+
 RUN apt-get update && apt-get install curl -y
 WORKDIR /app
 COPY --from=sattrack-back_builder /app/sattrack .

js/.env

@@ -0,0 +1 @@
+VITE_SATTRACK_VERSION=devel

js/src/components/UI/Navbar.tsx

@@ -1,11 +1,15 @@
 import { Navbar as BSNavbar, Container, Nav } from 'react-bootstrap';
 import { Link } from 'react-router-dom';
+import getVersion from '../../utils/getVersion';
 
 function Navbar() {
   return (
     <BSNavbar bg="dark" className="navbar-dark mb-3" expand="lg">
       <Container>
-        <BSNavbar.Brand href="#home">SatTrack</BSNavbar.Brand>
+        <BSNavbar.Brand href="#home">
+          SatTrack
+          <small className="ms-1 fs-6 text-muted">{getVersion()}</small>
+        </BSNavbar.Brand>
         <BSNavbar.Toggle aria-controls="basic-navbar-nav" />
         <BSNavbar.Collapse id="basic-navbar-nav">
           <Nav>

js/src/utils/getVersion.ts

@@ -0,0 +1,5 @@
+function getVersion(): string {
+  return String(import.meta.env?.VITE_SATTRACK_VERSION) ?? "no_version";
+}
+
+export default getVersion;