add favicon & brand logo

mediamonks · Sep 11, 2024 · 8d50f64 · 8d50f64
1 parent 5229683
commit 8d50f64
Show file tree

Hide file tree

Showing 12 changed files with 40 additions and 10 deletions.
diff --git a/src/preview/dist/Favicon_black_32X32.png b/src/preview/dist/Favicon_black_32X32.png
diff --git a/src/preview/dist/Monks-Logo_Small_White.png b/src/preview/dist/Monks-Logo_Small_White.png
diff --git a/src/preview/dist/index.html b/src/preview/dist/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="utf-8" />
-    <!-- <link rel="icon" href="%PUBLIC_URL%/favicon.ico" /> -->
+    <link rel="icon" href="Favicon_black_32X32.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
     <!-- <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" /> -->

diff --git a/src/preview/dist/js/index_bundle.js b/src/preview/dist/js/index_bundle.js
diff --git a/src/preview/public/Favicon_black_32X32.png b/src/preview/public/Favicon_black_32X32.png
diff --git a/src/preview/public/Monks-Logo_Small_White.png b/src/preview/public/Monks-Logo_Small_White.png
diff --git a/src/preview/public/index.html b/src/preview/public/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="utf-8" />
-    <!-- <link rel="icon" href="%PUBLIC_URL%/favicon.ico" /> -->
+    <link rel="icon" href="Favicon_black_32X32.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
     <!-- <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" /> -->

diff --git a/src/preview/src/components/Previews.js b/src/preview/src/components/Previews.js
@@ -192,17 +192,27 @@ export default function Previews({ data }) {
     <>
       <AppBar position="sticky">
         <Toolbar className={styles.toolbar}>
-          <Box sx={{ display: 'flex', gap: '10px' }}>
+          <Box sx={{ display: 'flex', alignItems: 'center' }}>
             {
               data.isGoogleSpreadsheetBanner
-              ? <Tooltip title="Reload dynamic data">
-                  <Button onClick={handleReloadDynamicData} color="inherit">
+              ? <Tooltip title="Reload dynamic data" sx={{marginRight: "10px"}}>
+                  <Button className="dynamic-reload" onClick={handleReloadDynamicData} color="inherit">
                     <CachedIcon />
                   </Button>
                 </Tooltip>
               : <></>
             }
-            <Tooltip title={(new Date(data.timestamp)).toLocaleString()}>
+            <Box className="logos" display="flex" gap="0px" alignItems="center">
+              <img src="Monks-Logo_Small_White.png" />
+              {
+                (pageAds.length > 0 && pageAds[0].client) &&
+                <Box display="flex" gap="10px" alignItems="center" sx={{marginRight: "10px"}}>
+                  <span>&times;</span>
+                  <img src={pageAds[0].client} />
+                </Box>
+              }
+            </Box>
+            <Tooltip title={(new Date(data.timestamp)).toLocaleString()} sx={{marginLeft: "10px"}}>
               <Typography align="left" variant="h5" component="div">
                 Preview
               </Typography>

diff --git a/src/preview/src/index.css b/src/preview/src/index.css
@@ -29,3 +29,18 @@ code {
     }
   }
 }
+
+.logos img {
+  height: 30px;
+}
+
+.logos span {
+  height: 36px;
+  line-height: 36px;
+}
+
+.dynamic-reload {
+  height: 36px !important;
+  min-width: auto !important;
+  aspect-ratio: 1 / 1 !important;
+}
diff --git a/src/webpack/buildPreview.js b/src/webpack/buildPreview.js
@@ -115,6 +115,9 @@ module.exports = async function buildPreview(result, qualities, outputDir) {
         },
         info: (result && result[bundleName])
           ? result[bundleName].settings.data.settings.info
+          : undefined,
+        client: (result && result[bundleName])
+          ? result[bundleName].settings.data.settings.client
           : undefined
       }
     })

diff --git a/src/webpack/devServer.js b/src/webpack/devServer.js
@@ -100,7 +100,8 @@ ${chalk.grey.bold('-------------------------------------------------------')}
               url,
             },
           },
-          info: e.data.settings.info
+          info: e.data.settings.info,
+          client: e.data.settings.client,
         }
       })
     })

diff --git a/src/webpack/devServerParallel.js b/src/webpack/devServerParallel.js
@@ -114,7 +114,8 @@ ${chalk.grey.bold('-------------------------------------------------------')}
               url,
             },
           },
-          info: e.data.settings.info
+          info: e.data.settings.info,
+          client: e.data.settings.client,
         }
       })
     })
-Original file line number
+Diff line change
@@ Expand Up @@
                   url,
                 },
               },
-              info: e.data.settings.info
+              info: e.data.settings.info,
+              client: e.data.settings.client,
             }
           })
         })
@@ Expand Down @@