no navLogo for snort

packages/app/config/default.json

@@ -6,7 +6,7 @@
   "nip05Domain": "snort.social",
   "favicon": "public/favicon.ico",
   "appleTouchIconUrl": "/nostrich_512.png",
-  "navLogo": "/nostrich_256.png",
+  "navLogo": null,
   "publicDir": "public/snort",
   "httpCache": "",
   "animalNamePlaceholders": false,

packages/app/custom.d.ts

@@ -48,7 +48,7 @@ declare const CONFIG: {
   nip05Domain: string;
   favicon: string;
   appleTouchIconUrl: string;
-  navLogo: string;
+  navLogo: string | null;
   httpCache: string;
   animalNamePlaceholders: boolean;
   defaultZapPoolFee?: number;

packages/app/src/Pages/Layout/LogoHeader.tsx

@@ -3,6 +3,7 @@ import { getCurrentSubscription } from "../../Subscription";
 import { isChristmas, isHalloween, isStPatricksDay } from "../../SnortUtils";
 import { Link } from "react-router-dom";
 import { mapPlanName } from "../subscribe";
+import Icon from "@/Icons/Icon";
 export function LogoHeader({ showText = false }) {
   const { subscriptions } = useLogin();
   const currentSubscription = getCurrentSubscription(subscriptions);
@@ -20,7 +21,12 @@ export function LogoHeader({ showText = false }) {
   return (
     <Link to="/" className="logo" onClick={handleLogoClick}>
       <h1 className="flex flex-row items-center">
-        <img src={CONFIG.navLogo} className="w-8" />
+        {CONFIG.navLogo && <img src={CONFIG.navLogo} className="w-8" />}
+        {!CONFIG.navLogo && (
+          <span className="text-2xl p-5 hidden md:flex xl:hidden w-8 h-8 rounded-xl bg-dark text-xl font-bold flex items-center justify-center">
+            {CONFIG.appName[0]}
+          </span>
+        )}
         {showText && (
           <div className="md:hidden xl:inline ml-2">
             {extra()}