website

Author: ap-justin

src/pages/nonprofit-outreach/contacts.tsx

@@ -9,13 +9,10 @@ export function Contacts(props: Props) {
   return (
     <div className="flex max-w-40 max-h-40 overflow-y-auto scroller flex-wrap gap-2">
       {props.contacts
-        .filter((x) => x.email)
+        .filter((x) => x.email || x.phone)
         .map((x, index) => (
           <div key={index} className="grid">
-            <span className="whitespace-normal">
-              {x.name || x.email || x.phone}
-            </span>
-
+            <span className="whitespace-normal">{x.name || "--"}</span>
             <span className="text-2xs whitespace-normal">{x.role}</span>
 
             {x.email && (

src/pages/nonprofit-outreach/index.tsx

@@ -273,20 +273,29 @@ export default function Page() {
                   <td>{d.ein}</td>
                   <td>{d.name}</td>
                   <td>
-                    <ExtLink
-                      className="text-blue-d1 hover:text-blue"
-                      href={d.website}
-                    >
-                      {d.website}
-                    </ExtLink>
+                    {d.website && (
+                      <ExtLink
+                        className="text-blue-d1 hover:text-blue text-wrap "
+                        href={((x) => {
+                          if (!x.startsWith("http")) {
+                            return `http://${x}`;
+                          }
+                          return x;
+                        })(d.website)}
+                      >
+                        {d.website}
+                      </ExtLink>
+                    )}
                   </td>
                   <td>
                     <Contacts contacts={d.contacts ?? []} />
                   </td>
                   <td>
                     <Socials socials={d.social_media ?? []} />
                   </td>
-                  <td>{d.donation_platform}</td>
+                  <td>
+                    <p className="text-wrap">{d.donation_platform}</p>
+                  </td>
                   <td>{d.asset_code}</td>
                   <td>
                     {d.asset_amount && !Number.isNaN(d.asset_amount)