Header GIF Logo, Sonunda Versiyon Kontrolü?

.env.example

@@ -1,3 +1,4 @@
-REACT_APP_SITENAME=""
-REACT_APP_SITEURL=""
-REACT_APP_DEV_API_URL=""
+REACT_APP_SITENAME=
+REACT_APP_SITEURL=
+REACT_APP_DEV_API_URL=
+REACT_APP_HEADER_LOGO_TYPE=

.gitignore

@@ -32,3 +32,5 @@ npm-debug.log*
 debug.log*
 yarn-debug.log*
 yarn-error.log*
+
+src/static/fullLogo.gif

package.json

@@ -1,6 +1,6 @@
 {
   "name": "forfansubsadmin",
-  "version": "0.1.0",
+  "version": "2.2.4",
   "private": true,
   "homepage": "/admin",
   "dependencies": {

src/components/header/header.js

@@ -33,7 +33,7 @@ import {
     administrativePage,
     logsPage
 } from '../../config/front-routes'
-import { fullLogo } from '../../config/theme/images'
+import { fullLogo, fullLogoGif } from '../../config/theme/images'
 
 const useStyles = makeStyles(theme => ({
     root: {
@@ -230,7 +230,12 @@ export default function MiniDrawer() {
                         <MenuIcon />
                     </IconButton>
                     <Link to={indexPage} className={classes.logoContainer}>
-                        <img className={classes.logo} src={fullLogo} alt="Site Logo" />
+                        {
+                            process.env.REACT_APP_HEADER_LOGO_TYPE === "gif" && fullLogoGif !== null ?
+                                <img title="Site logo" loading="lazy" className={classes.logo} src={fullLogoGif} alt="Site Logo" />
+                                :
+                                <img title="Site logo" loading="lazy" className={classes.logo} src={fullLogo} alt="Site Logo" />
+                        }
                     </Link>
                     <div style={{ padding: "12px", display: "flex", alignItems: "center" }}>
                         {userInfo.success ?

src/config/theme/images.js

@@ -1,4 +1,12 @@
 import logo from '../../static/logo.png'
 import fullLogo from '../../static/fullLogo.png'
 
-export { logo, fullLogo }
+var fullLogoGif = null
+// GIF logosunun dosyalarını dene. Varsa içeri al, birisi yoksa hata ver ve header'da statik logoyu göster. (/components/header/header.js)
+try {
+    fullLogoGif = require('../../static/fullLogo.gif');
+} catch (err) {
+    console.warn('GIF logo bulunamadı.')
+}
+
+export { logo, fullLogo, fullLogoGif }