From 46a4402bb6885f1bfb9beb88e8a2e26bb86a68e3 Mon Sep 17 00:00:00 2001 From: keyan Date: Thu, 8 Jul 2021 14:52:11 -0500 Subject: [PATCH] change favicon when there are notifications and make notification icon square --- components/header.js | 9 +++++++-- public/favicon-notify.png | Bin 0 -> 4570 bytes 2 files changed, 7 insertions(+), 2 deletions(-) create mode 100644 public/favicon-notify.png diff --git a/components/header.js b/components/header.js index 1f2881b5..48c076d2 100644 --- a/components/header.js +++ b/components/header.js @@ -8,6 +8,7 @@ import { Button, Container, NavDropdown } from 'react-bootstrap' import Price from './price' import { useMe } from './me' import { useApolloClient } from '@apollo/client' +import Head from 'next/head' function WalletSummary ({ me }) { return `[${me.stacked},${me.sats}]` @@ -28,6 +29,10 @@ export default function Header () { if (session) { return (
+ {me && me.hasNewNotes && + + + }
@@ -42,7 +47,7 @@ export default function Header () { > notifications {me && me.hasNewNotes && -
+
{' '}
} @@ -68,7 +73,7 @@ export default function Header () { logout {me && me.hasNewNotes && - + {' '} }
diff --git a/public/favicon-notify.png b/public/favicon-notify.png new file mode 100644 index 0000000000000000000000000000000000000000..b78731d3efeda5e27c4473b04de7b994427bc028 GIT binary patch literal 4570 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 pIUx#5YWXkU??36wc2DB?M8Qha6C;U