sixside/flotilla
1
0
Fork 0
forked from coracle/flotilla
Code Pull Requests Activity

Add mute settings

Browse Source
This commit is contained in:
Jon Staab
2024-10-03 14:32:55 -07:00
parent 979cb36060
commit eab4b35077
10 changed files with 218 additions and 104 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/routes/settings/profile/+page.svelte
+51 -55
View File
@@ -51,68 +51,64 @@
</script>
<div class="content column gap-4">
<div class="card bg-base-100 shadow-xl">
<div class="card-body">
<div class="flex gap-2 justify-between">
<div class="flex gap-3 max-w-full">
<div class="py-1">
<Avatar src={profile?.picture} size={10} />
<div class="card2 bg-alt shadow-xl">
<div class="flex gap-2 justify-between">
<div class="flex gap-3 max-w-full">
<div class="py-1">
<Avatar src={profile?.picture} size={10} />
</div>
<div class="flex flex-col min-w-0">
<div class="flex gap-2 items-center">
<div class="text-bold text-ellipsis overflow-hidden">
{displayProfile(profile, pubkeyDisplay)}
</div>
</div>
<div class="flex flex-col min-w-0">
<div class="flex gap-2 items-center">
<div class="text-bold text-ellipsis overflow-hidden">
{displayProfile(profile, pubkeyDisplay)}
</div>
</div>
<div class="text-sm opacity-75 text-ellipsis overflow-hidden">
{profile?.nip05 ? displayNip05(profile.nip05) : pubkeyDisplay}
</div>
<div class="text-sm opacity-75 text-ellipsis overflow-hidden">
{profile?.nip05 ? displayNip05(profile.nip05) : pubkeyDisplay}
</div>
</div>
<Button class="btn btn-neutral btn-circle w-12 h-12 center -mt-4 -mr-4" on:click={toggleEdit}>
<Icon icon="pen-new-square" />
</Button>
</div>
{#key profile.about}
<Content event={{content: profile.about, tags: []}} hideMedia />
{/key}
<Button class="btn btn-neutral btn-circle w-12 h-12 center -mt-4 -mr-4" on:click={toggleEdit}>
<Icon icon="pen-new-square" />
</Button>
</div>
{#key profile.about}
<Content event={{content: profile.about, tags: []}} hideMedia />
{/key}
</div>
{#if editing}
<form class="card bg-base-100 shadow-xl" transition:slide on:submit|preventDefault={saveEdit}>
<div class="card-body">
<div class="flex justify-center py-2">
<InputProfilePicture bind:file bind:url={profile.picture} />
</div>
<Field>
<p slot="label">Username</p>
<label class="input input-bordered flex w-full items-center gap-2" slot="input">
<Icon icon="user-circle" />
<input bind:value={profile.name} class="grow" type="text" />
</label>
</Field>
<Field>
<p slot="label">About You</p>
<textarea class="textarea textarea-bordered leading-4" rows="3" bind:value={profile.about} slot="input" />
</Field>
<Field>
<p slot="label">Address</p>
<label class="input input-bordered flex w-full items-center gap-2" slot="input">
<Icon icon="remote-controller-minimalistic" />
<input bind:value={profile.nip05} class="grow" type="text" />
</label>
<p slot="info">
<Button class="link" on:click={() => pushModal(InfoHandle)}>What is a nostr address?</Button>
</p>
</Field>
<div class="flex flex-row items-center justify-between gap-4 mt-4">
<Button class="btn btn-neutral" on:click={stopEdit}>
Discard Changes
</Button>
<Button type="submit" class="btn btn-primary">
Save Changes
</Button>
</div>
<form class="card2 bg-alt shadow-xl" transition:slide on:submit|preventDefault={saveEdit}>
<div class="flex justify-center py-2">
<InputProfilePicture bind:file bind:url={profile.picture} />
</div>
<Field>
<p slot="label">Username</p>
<label class="input input-bordered flex w-full items-center gap-2" slot="input">
<Icon icon="user-circle" />
<input bind:value={profile.name} class="grow" type="text" />
</label>
</Field>
<Field>
<p slot="label">About You</p>
<textarea class="textarea textarea-bordered leading-4" rows="3" bind:value={profile.about} slot="input" />
</Field>
<Field>
<p slot="label">Nostr Address</p>
<label class="input input-bordered flex w-full items-center gap-2" slot="input">
<Icon icon="remote-controller-minimalistic" />
<input bind:value={profile.nip05} class="grow" type="text" />
</label>
<p slot="info">
<Button class="link" on:click={() => pushModal(InfoHandle)}>What is a nostr address?</Button>
</p>
</Field>
<div class="flex flex-row items-center justify-between gap-4 mt-4">
<Button class="btn btn-neutral" on:click={stopEdit}>
Discard Changes
</Button>
<Button type="submit" class="btn btn-primary">
Save Changes
</Button>
</div>
</form>
{/if}