staging

Dockerfile

@@ -9,6 +9,7 @@ FROM nginx:alpine
 COPY --from=build-env /app/dist /usr/share/nginx/html
 COPY src/favicon.ico /usr/share/nginx/html
 COPY src/favicon-dev.ico /usr/share/nginx/html
+COPY src/favicon-staging.ico /usr/share/nginx/html
 
 RUN rm /etc/nginx/conf.d/default.conf
 COPY pkg/nginx/locations /etc/nginx/conf.d/locations

src/Components/Favicon/Favicon.tsx

@@ -2,16 +2,26 @@ import React, { useEffect, useState } from "react";
 import FaviconComponent from "react-favicon";
 import { useSelector } from "react-redux";
 import { selectPlatform } from "../../store/Reducers/ConfigReducer.slice";
+import { Platform } from "../../Domain/Config";
 
 const Favicon = () => {
     const platform = useSelector(selectPlatform);
 
     const [faviconUrl, setFaviconUrl] = useState<string>("../favicon.ico");
 
     useEffect(() => {
-        const url = "../favicon-dev.ico";
+        if (!platform) {
+            return;
+        }
 
-        setFaviconUrl(url);
+        switch (platform) {
+            case Platform.DEV:
+                setFaviconUrl("../favicon-dev.ico");
+                break;
+            case Platform.STAGING:
+                setFaviconUrl("../favicon-staging.ico");
+                break;
+        }
     }, [platform]);
 
     return <FaviconComponent url={faviconUrl} />;

webpack.config.js

@@ -37,7 +37,6 @@ module.exports = {
         ),
         new HtmlWebpackPlugin({
             template: "./src/index.html",
-            // favicon: "./src/favicon.ico",
             inject: "body",
             minify: {
                 collapseWhitespace: true,