improve notification

src/app/notifications/index.tsx

@@ -5,6 +5,8 @@ import { NotiMention } from '@app/notifications/components/mention';
 import { NotiReaction } from '@app/notifications/components/reaction';
 import { NotiRepost } from '@app/notifications/components/repost';
 
+import { useStorage } from '@libs/storage/provider';
+
 import { LoaderIcon } from '@shared/icons';
 import { TitleBar } from '@shared/titleBar';
 
@@ -13,7 +15,9 @@ import { useActivities } from '@stores/activities';
 import { useNostr } from '@utils/hooks/useNostr';
 
 export function NotificationScreen() {
+  const { db } = useStorage();
   const { fetchActivities } = useNostr();
+
   const [activities, setActivities, clearTotalNewActivities] = useActivities((state) => [
     state.activities,
     state.setActivities,
@@ -39,12 +43,13 @@ export function NotificationScreen() {
   useEffect(() => {
     async function getActivities() {
       const events = await fetchActivities();
-      setActivities(events);
-      // clear total new activities
-      clearTotalNewActivities();
+      setActivities(events, db.account.last_login_at);
     }
 
     getActivities();
+
+    // clear total new activities
+    clearTotalNewActivities();
   }, []);
 
   return (

src/app/nwc/components/alby.tsx

@@ -71,7 +71,7 @@ export function NWCAlby() {
         <Dialog.Trigger asChild>
           <button
             type="button"
-            className="inline-flex h-8 w-min items-center justify-center rounded-md bg-white/10 px-2.5 text-sm font-medium text-white hover:bg-green-500"
+            className="inline-flex h-9 w-min items-center justify-center rounded-md border-t border-white/10 bg-white/20 px-3 text-sm font-medium text-white hover:bg-green-500"
           >
             Connect
           </button>

src/app/nwc/components/other.tsx

@@ -89,7 +89,7 @@ export function NWCOther() {
         <Dialog.Trigger asChild>
           <button
             type="button"
-            className="inline-flex h-8 w-min items-center justify-center rounded-md bg-white/10 px-2.5 text-sm font-medium text-white hover:bg-green-500"
+            className="inline-flex h-9 w-min items-center justify-center rounded-md border-t border-white/10 bg-white/20 px-3 text-sm font-medium text-white hover:bg-green-500"
           >
             Connect
           </button>

src/app/nwc/index.tsx

@@ -71,7 +71,7 @@ export function NWCScreen() {
                 <a
                   href="https://github.com/getAlby/nips/blob/7-wallet-connect-patch/47.md"
                   target="_blank"
-                  className="text-fuchsia-200"
+                  className="text-fuchsia-300"
                   rel="noreferrer"
                 >
                   the specs (NIP47)
@@ -89,6 +89,33 @@ export function NWCScreen() {
               </p>
               <p className="text-sm text-white/70">Lume doesn&apos;t hold your Bitcoin</p>
             </div>
+            <div className="flex flex-col gap-1.5">
+              <h5 className="text-sm font-bold text-white">
+                Recommend wallet that support NWC
+              </h5>
+              <p className="text-sm text-white/70">
+                Mutiny Wallet:{' '}
+                <a
+                  href="https://www.mutinywallet.com/"
+                  target="_blank"
+                  rel="noreferrer"
+                  className="text-fuchsia-300"
+                >
+                  website
+                </a>
+              </p>
+              <p className="text-sm text-white/70">
+                Self hosted NWC on Umbrel :{' '}
+                <a
+                  href="https://apps.umbrel.com/app/alby-nostr-wallet-connect"
+                  target="_blank"
+                  rel="noreferrer"
+                  className="text-fuchsia-300"
+                >
+                  website
+                </a>
+              </p>
+            </div>
           </div>
         </div>
       </div>