+1 -1

web/src/components/Icons.jsx

··· 447 ); 448 } 449 450 - export function TopphieIcon({ size = 18 }) { 451 return ( 452 <svg 453 width={size}

··· 447 ); 448 } 449 450 + export function TophhieIcon({ size = 18 }) { 451 return ( 452 <svg 453 width={size}

+4 -4

web/src/components/SignUpModal.jsx

··· 1 import { useState, useEffect } from "react"; 2 import { X, ChevronRight, Loader2, AlertCircle } from "lucide-react"; 3 - import { BlackskyIcon, NorthskyIcon, BlueskyIcon, TopphieIcon } from "./Icons"; 4 import { startSignup } from "../api/client"; 5 6 const RECOMMENDED_PROVIDER = { ··· 27 description: "A Canadian-based worker-owned cooperative", 28 }, 29 { 30 - id: "topphie", 31 - name: "Topphie", 32 service: "https://tophhie.social", 33 - Icon: TopphieIcon, 34 description: "A welcoming and friendly community", 35 }, 36 {

··· 1 import { useState, useEffect } from "react"; 2 import { X, ChevronRight, Loader2, AlertCircle } from "lucide-react"; 3 + import { BlackskyIcon, NorthskyIcon, BlueskyIcon, TophhieIcon } from "./Icons"; 4 import { startSignup } from "../api/client"; 5 6 const RECOMMENDED_PROVIDER = { ··· 27 description: "A Canadian-based worker-owned cooperative", 28 }, 29 { 30 + id: "tophhie", 31 + name: "Tophhie", 32 service: "https://tophhie.social", 33 + Icon: TophhieIcon, 34 description: "A welcoming and friendly community", 35 }, 36 {

+1 -1

web/src/pages/Login.jsx

··· 30 "Tangled", 31 "Northsky", 32 "witchcraft.systems", 33 - "topphie.social", 34 "altq.net", 35 ]; 36

··· 30 "Tangled", 31 "Northsky", 32 "witchcraft.systems", 33 + "tophhie.social", 34 "altq.net", 35 ]; 36