simplify search items

Author: futurepaul

src/components/ActualSearch.tsx

@@ -279,7 +279,6 @@ export function ActualSearch(props: { initialValue?: string }) {
                                     <ContactButton
                                         contact={contact}
                                         onClick={() => sendToContact(contact)}
-                                        inList
                                     />
                                 )}
                             </For>

src/components/ContactButton.tsx

@@ -1,30 +1,14 @@
 import { TagItem } from "@mutinywallet/mutiny-wasm";
-import { createMemo, Show } from "solid-js";
 
-import receive from "~/assets/icons/receive.svg";
-import send from "~/assets/icons/send.svg";
 import { LabelCircle } from "~/components";
-import { useI18n } from "~/i18n/context";
 import { PseudoContact } from "~/utils";
 
 export function ContactButton(props: {
     contact: PseudoContact | TagItem;
     onClick: () => void;
-    inList?: boolean;
 }) {
-    const i18n = useI18n();
-
-    const canSend = createMemo(() => {
-        return !!props.contact.ln_address || !!props.contact.lnurl;
-    });
-
     return (
-        <div
-            class="flex items-center gap-2"
-            classList={{
-                "text-white/20 opacity-60": !canSend()
-            }}
-        >
+        <div class="flex items-center gap-2">
             <LabelCircle
                 name={props.contact.name}
                 image_url={props.contact.primal_image_url}
@@ -36,31 +20,10 @@ export function ContactButton(props: {
                 <h2 class="overflow-hidden overflow-ellipsis text-base font-semibold">
                     {props.contact.name}
                 </h2>
-                <h3
-                    class="overflow-hidden overflow-ellipsis text-left text-xs font-normal"
-                    classList={{
-                        "text-m-grey-400": canSend(),
-                        "text-m-grey-700": !canSend()
-                    }}
-                >
-                    {props.contact.ln_address ||
-                        props.contact.lnurl
-                            ?.toLowerCase()
-                            .substring(0, 15)
-                            .concat("...") ||
-                        i18n.t("send.no_payment_info")}
+                <h3 class="overflow-hidden overflow-ellipsis text-left text-xs font-normal text-m-grey-400">
+                    {props.contact.ln_address || ""}
                 </h3>
             </div>
-            <Show when={canSend() && props.inList}>
-                <div class="flex gap-2">
-                    <button onClick={() => {}}>
-                        <img src={send} width={"24px"} height={"24px"} />
-                    </button>
-                    <button>
-                        <img src={receive} width={"24px"} height={"24px"} />
-                    </button>
-                </div>
-            </Show>
         </div>
     );
 }