v3: added onboarding email on account creation

src/pages/Search.tsx

@@ -111,7 +111,10 @@ export function Search() {
             ...prev,
             dumps: {
               ...prev.dumps,
-              items: [...prev.dumps.items, ...data.dumps.items.map(deserializeDump)],
+              items: [
+                ...prev.dumps.items,
+                ...data.dumps.items.map(deserializeDump),
+              ],
               hasMore: data.dumps.hasMore,
               page,
               loadingMore: false,
@@ -131,7 +134,10 @@ export function Search() {
   }, [q, fetchSearch]);
 
   const loadMore = useCallback(() => {
-    if (state.status !== "loaded" || !state.dumps.hasMore || state.dumps.loadingMore) return;
+    if (
+      state.status !== "loaded" || !state.dumps.hasMore ||
+      state.dumps.loadingMore
+    ) return;
     setState((prev) => {
       if (prev.status !== "loaded") return prev;
       return { ...prev, dumps: { ...prev.dumps, loadingMore: true } };
@@ -141,7 +147,8 @@ export function Search() {
 
   const sentinelRef = useInfiniteScroll(
     loadMore,
-    state.status === "loaded" && tab === "dumps" && state.dumps.hasMore && !state.dumps.loadingMore,
+    state.status === "loaded" && tab === "dumps" && state.dumps.hasMore &&
+      !state.dumps.loadingMore,
   );
 
   function setTab(t: Tab) {
@@ -154,10 +161,16 @@ export function Search() {
 
   const dumpCount = state.status === "loaded" ? state.dumps.total : null;
   const userCount = state.status === "loaded" ? state.users.length : null;
-  const playlistCount = state.status === "loaded" ? state.playlists.length : null;
+  const playlistCount = state.status === "loaded"
+    ? state.playlists.length
+    : null;
 
   function tabLabel(t: Tab, count: number | null) {
-    const label = t === "dumps" ? "Dumps" : t === "users" ? "Users" : "Playlists";
+    const label = t === "dumps"
+      ? "Dumps"
+      : t === "users"
+      ? "Users"
+      : "Playlists";
     return count !== null ? `${label} (${count})` : label;
   }
 
@@ -174,7 +187,14 @@ export function Search() {
                 className={`feed-sort-btn${tab === t ? " active" : ""}`}
                 onClick={() => setTab(t)}
               >
-                {tabLabel(t, t === "dumps" ? dumpCount : t === "users" ? userCount : playlistCount)}
+                {tabLabel(
+                  t,
+                  t === "dumps"
+                    ? dumpCount
+                    : t === "users"
+                    ? userCount
+                    : playlistCount,
+                )}
               </button>
             ))}
           </div>
@@ -213,7 +233,9 @@ export function Search() {
                 </ul>
               )}
             <div ref={sentinelRef} />
-            {state.dumps.loadingMore && <p className="feed-loading-more">Loading more…</p>}
+            {state.dumps.loadingMore && (
+              <p className="feed-loading-more">Loading more…</p>
+            )}
             {!state.dumps.hasMore && state.dumps.items.length > 0 && (
               <p className="feed-end">You've reached the end.</p>
             )}
@@ -227,10 +249,15 @@ export function Search() {
               <ul className="user-results">
                 {state.users.map((u) => (
                   <li key={u.id}>
-                    <Link to={`/users/${u.username}`} className="user-result-item">
+                    <Link
+                      to={`/users/${u.username}`}
+                      className="user-result-item"
+                    >
                       <span className="user-result-name">@{u.username}</span>
                       {u.description && (
-                        <span className="user-result-description">{u.description}</span>
+                        <span className="user-result-description">
+                          {u.description}
+                        </span>
                       )}
                     </Link>
                   </li>