UI: Change favicon

discuitnet · Feb 13, 2025 · 2970f1a · 2970f1a
1 parent ac1e5bd
commit 2970f1a
Show file tree

Hide file tree

Showing 10 changed files with 10 additions and 12 deletions.
diff --git a/core/notification.go b/core/notification.go
@@ -276,7 +276,7 @@ func (nv *NotificationView) setIcon(objects ...any) {
 	}
 
 	// No image was found, so use the default one.
-	nv.Icons = append(nv.Icons, "/favicon.png")
+	nv.Icons = append(nv.Icons, "/favicon.png?v=2")
 }
 
 // Notification is a user's notification.

diff --git a/ui/index.html b/ui/index.html
@@ -75,9 +75,9 @@
                 }
             })();
         </script>
-        <link rel="shortcut icon" href="/favicon.png" />
-        <link rel="mask-icon" href="/favicon.png" color="#6b02f2" />
-        <link rel="apple-touch-icon" href="/logo-manifest-512.png" />
+        <link rel="shortcut icon" href="/favicon.png?v=2" />
+        <link rel="mask-icon" href="/favicon.png?v=2" color="#6b02f2" />
+        <link rel="apple-touch-icon" href="/logo-manifest-512.png?v=2" />
     </head>
     <body>
         <noscript>Please enable javascript to continue.</noscript>

diff --git a/ui/public/favicon-gray.png b/ui/public/favicon-gray.png
diff --git a/ui/public/favicon.png b/ui/public/favicon.png
diff --git a/ui/public/logo-manifest-512.png b/ui/public/logo-manifest-512.png
diff --git a/ui/public/manifest.json b/ui/public/manifest.json
@@ -5,12 +5,12 @@
   "id": "discuit_pwa_v1",
   "icons": [
     {
-      "src": "/logo-manifest-512.png",
+      "src": "/logo-manifest-512.png?v=2",
       "type": "image/png",
       "sizes": "512x512"
     },
     {
-      "src": "/logo-manifest-512.png",
+      "src": "/logo-manifest-512.png?v=2",
       "type": "image/png",
       "sizes": "512x512",
       "purpose": "maskable"

diff --git a/ui/src/assets/imgs/community-banner-2.jpg b/ui/src/assets/imgs/community-banner-2.jpg
diff --git a/ui/src/assets/imgs/community-banner.jpg b/ui/src/assets/imgs/community-banner.jpg
diff --git a/ui/src/components/CommunityProPic.jsx b/ui/src/components/CommunityProPic.jsx
@@ -1,10 +1,10 @@
 import PropTypes from 'prop-types';
-import favicon from '../../public/favicon.png';
 import { selectImageCopyURL } from '../helper';
 import { useImageLoaded } from '../hooks';
 
 const CommunityProPic = ({ className, name, proPic, size = 'small', ...rest }) => {
-  let src = favicon;
+  const defaultFavicon = '/favicon-gray.png';
+  let src = defaultFavicon;
   let averageColor = '#3d3d3d';
   if (proPic) {
     averageColor = proPic.averageColor;

diff --git a/ui/src/pages/Community/Banner.jsx b/ui/src/pages/Community/Banner.jsx
@@ -1,11 +1,9 @@
 import PropTypes from 'prop-types';
-import React from 'react';
-import BannerImg from '../../assets/imgs/community-banner-2.jpg';
 import Image from '../../components/Image';
 import { selectImageCopyURL } from '../../helper';
 
 const Banner = ({ community, ...rest }) => {
-  let src = BannerImg;
+  let src = '';
   if (community.bannerImage) {
     src = selectImageCopyURL('small', community.bannerImage);
   }
@@ -14,7 +12,7 @@ const Banner = ({ community, ...rest }) => {
     <Image
       src={src}
       alt={`${community.name}'s banner`}
-      backgroundColor={community.bannerImage ? community.bannerImage.averageColor : '#fff'}
+      backgroundColor={community.bannerImage ? community.bannerImage.averageColor : '#eee'}
       {...rest}
       isFullSize
     />