frontend for xcvr appview

i think that this removes follow ui

+4 -27
+1 -16
src/lib/components/ProfileCard.svelte
··· 3 3 import { hexToContrast, hexToTransparent, numToHex } from "$lib/colors"; 4 4 interface Props { 5 5 profile: ProfileView; 6 - myHandle?: string; 7 6 } 8 7 9 - let { profile, myHandle }: Props = $props(); 8 + let { profile }: Props = $props(); 10 9 let bg = $derived(numToHex(profile.color ?? 0)); 11 10 let bl = $derived(hexToTransparent(bg)); 12 11 let fg = $derived(hexToContrast(bg)); ··· 19 18 <a href={`/a/${profile.handle}`}>@{profile.handle}</a> 20 19 {#if profile.status}<div>{profile.status}</div>{/if} 21 20 </div> 22 - {#if myHandle} 23 - <button class="bsky-follower">bsky/</button> 24 - {/if} 25 21 </div> 26 22 27 23 <style> ··· 34 30 } 35 31 h3 { 36 32 margin: 0; 37 - font-size: 1.5rem; 38 - } 39 - button { 40 - line-height: 1; 41 - cursor: pointer; 42 - padding: 0; 43 - margin: 0; 44 - background: var(--fg); 45 - color: var(--bg); 46 - } 47 - .bsky-follower { 48 33 font-size: 1.5rem; 49 34 } 50 35 </style>
+1 -3
src/lib/components/Receiever.svelte
··· 6 6 mylocaltext?: string; 7 7 onmute?: (id: number) => void; 8 8 onunmute?: (id: number) => void; 9 - myHandle?: string; 10 9 } 11 - let { messages, mylocaltext, onmute, onunmute, myHandle }: Props = $props(); 10 + let { messages, mylocaltext, onmute, onunmute }: Props = $props(); 12 11 </script> 13 12 14 13 <div id="receiver"> ··· 17 16 {message} 18 17 mylocaltext={message.active && message.mine ? mylocaltext : undefined} 19 18 margin={0} 20 - {myHandle} 21 19 {onmute} 22 20 {onunmute} 23 21 />
+2 -7
src/lib/components/Transmission.svelte
··· 12 12 mylocaltext?: string; 13 13 onmute?: (id: number) => void; 14 14 onunmute?: (id: number) => void; 15 - myHandle?: string; 16 15 } 17 - let { message, margin, mylocaltext, onmute, onunmute, myHandle }: Props = 18 - $props(); 16 + let { message, margin, mylocaltext, onmute, onunmute }: Props = $props(); 19 17 let color: string = numToHex(message.color ?? 16777215); 20 18 let cpartial: string = hexToTransparent(color); 21 19 let contrast: string = hexToContrast(color); ··· 138 136 class="profile-container" 139 137 bind:this={profileEl} 140 138 > 141 - <ProfileCard 142 - profile={message.profileView} 143 - {myHandle} 144 - /> 139 + <ProfileCard profile={message.profileView} /> 145 140 </div> 146 141 {/if} 147 142 </div>
-1
src/routes/c/[handle]/[rkey]/+page.svelte
··· 53 53 mylocaltext={ctx.curMsg} 54 54 onmute={ctx.mute} 55 55 onunmute={ctx.unmute} 56 - myHandle={data.myProfile.handle} 57 56 /> 58 57 <Transmitter 59 58 {ctx}