fix zap splits for large lists

packages/app/src/Element/SendSats.tsx

@@ -163,11 +163,12 @@ export default function SendSats(props: SendSatsProps) {
               <FormattedMessage defaultMessage="Send sats splits to" />
             )}
           </h2>
-          <div className="flex g4">
+          <div className="flex g4 f-wrap">
             {props.targets.map(v => (
               <ProfileImage
                 pubkey={v.value}
                 showUsername={false}
+                showFollowingMark={false}
                 imageOverlay={formatShort(Math.floor((amount?.amount ?? 0) * (v.weight / total)))}
               />
             ))}

packages/app/src/Zapper.ts

@@ -190,17 +190,21 @@ export class Zapper {
   }
 
   async #getService(t: ZapTarget) {
-    if (t.type === "lnurl") {
+    try {
-      const svc = new LNURL(t.value);
+      if (t.type === "lnurl") {
-      await svc.load();
+        const svc = new LNURL(t.value);
-      return svc;
-    } else if (t.type === "pubkey") {
-      const profile = await this.system.ProfileLoader.fetchProfile(t.value);
-      if (profile) {
-        const svc = new LNURL(profile.lud16 ?? profile.lud06 ?? "");
         await svc.load();
         return svc;
+      } else if (t.type === "pubkey") {
+        const profile = await this.system.ProfileLoader.fetchProfile(t.value);
+        if (profile) {
+          const svc = new LNURL(profile.lud16 ?? profile.lud06 ?? "");
+          await svc.load();
+          return svc;
+        }
       }
+    }catch {
+      // nothing
     }
   }
 }

packages/app/src/index.css

@@ -410,6 +410,10 @@ input:disabled {
   justify-content: space-between;
 }
 
+.f-wrap {
+  flex-flow: wrap;
+}
+
 .g2 {
   gap: 2px;
 }