feat: add web version to footer

fedellen · Dec 29, 2023 · cc35bcb · cc35bcb
1 parent 4c30732
commit cc35bcb
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 2 deletions.
diff --git a/web/.env b/web/.env
@@ -0,0 +1,2 @@
+REACT_APP_VERSION=$npm_package_version
+REACT_APP_NAME=$npm_package_name
diff --git a/web/.gitignore b/web/.gitignore
@@ -15,7 +15,7 @@
 
 # misc
 .DS_Store
-.env
+!.env
 .env.local
 .env.development.local
 .env.test.local

diff --git a/web/src/components/footer/PixelPajamaWidget.tsx b/web/src/components/footer/PixelPajamaWidget.tsx
@@ -16,6 +16,7 @@ export default function PixelPajamaWidget() {
               Report Bug
             </a>
           </li>
+          <li className="version">v{process.env.REACT_APP_VERSION}</li>
         </ul>
         <a className="text-link" href="https://pixelpajamastudios.com">
           © {new Date().getFullYear()} Pixel Pajama Studios LLC

diff --git a/web/src/style/tailwind.css b/web/src/style/tailwind.css
@@ -158,6 +158,9 @@
   .header-option-button svg {
     @apply w-7 h-7 sm:w-9 sm:h-9 mb-2;
   }
+  .version {
+    @apply text-xs sm:text-sm md:text-base no-underline;
+  }
 
   /** Item options */
 
@@ -425,7 +428,7 @@
     @apply flex flex-col lg:flex-row justify-center items-center space-y-4 lg:space-y-0 lg:space-x-6 m-4;
   }
   #ppjs-widget div {
-    @apply flex flex-col space-y-2 justify-center items-center underline;
+    @apply flex flex-col space-y-2 justify-center items-center;
   }
   #ppjs-widget ul {
     @apply flex space-x-6;