tangled
alpha
login
or
join now
moth11.net
/
xcvr
2
fork
atom
frontend for xcvr appview
2
fork
atom
overview
issues
pulls
pipelines
i think that this removes follow ui
moth11.net
6 months ago
aabad28f
ea008ec7
+4
-27
4 changed files
expand all
collapse all
unified
split
src
lib
components
ProfileCard.svelte
Receiever.svelte
Transmission.svelte
routes
c
[handle]
[rkey]
+page.svelte
+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
6
-
myHandle?: string;
7
6
}
8
7
9
9
-
let { profile, myHandle }: Props = $props();
8
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
22
-
{#if myHandle}
23
23
-
<button class="bsky-follower">bsky/</button>
24
24
-
{/if}
25
21
</div>
26
22
27
23
<style>
···
34
30
}
35
31
h3 {
36
32
margin: 0;
37
37
-
font-size: 1.5rem;
38
38
-
}
39
39
-
button {
40
40
-
line-height: 1;
41
41
-
cursor: pointer;
42
42
-
padding: 0;
43
43
-
margin: 0;
44
44
-
background: var(--fg);
45
45
-
color: var(--bg);
46
46
-
}
47
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
9
-
myHandle?: string;
10
9
}
11
11
-
let { messages, mylocaltext, onmute, onunmute, myHandle }: Props = $props();
10
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
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
15
-
myHandle?: string;
16
15
}
17
17
-
let { message, margin, mylocaltext, onmute, onunmute, myHandle }: Props =
18
18
-
$props();
16
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
141
-
<ProfileCard
142
142
-
profile={message.profileView}
143
143
-
{myHandle}
144
144
-
/>
139
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
56
-
myHandle={data.myProfile.handle}
57
56
/>
58
57
<Transmitter
59
58
{ctx}