coracle/flotilla
1
3
Fork 9
Code Issues 32 Pull Requests 1 Actions Packages Projects 5 Releases Wiki Activity

Use new icons

Browse Source
This commit is contained in:
Jon Staab
2025-09-10 15:26:39 -07:00
parent 6d383d54e8
commit 69bd6d0e70
1415 changed files with 7551 additions and 744 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/routes/spaces/[relay]/+page.svelte
+14 -7
View File
@@ -2,6 +2,13 @@
import {page} from "$app/stores"
import {displayRelayUrl} from "@welshman/util"
import {deriveRelay} from "@welshman/app"
import HomeSmile from "@assets/icons/home-smile.svg?dataurl"
import Login2 from "@assets/icons/login-2.svg?dataurl"
import Letter from "@assets/icons/letter-opened.svg?dataurl"
import Ghost from "@assets/icons/ghost-smile.svg?dataurl"
import BillList from "@assets/icons/bill-list.svg?dataurl"
import ShieldUser from "@assets/icons/shield-user.svg?dataurl"
import UserRounded from "@assets/icons/user-rounded.svg?dataurl"
import Icon from "@lib/components/Icon.svelte"
import Link from "@lib/components/Link.svelte"
import Button from "@lib/components/Button.svelte"
@@ -29,7 +36,7 @@
<PageBar>
{#snippet icon()}
<div class="center">
<Icon icon="home-smile" />
<Icon icon={HomeSmile} />
</div>
{/snippet}
{#snippet title()}
@@ -39,12 +46,12 @@
<div class="row-2">
{#if !$userRoomsByUrl.has(url)}
<Button class="btn btn-primary btn-sm" onclick={joinSpace}>
<Icon icon="login-2" />
<Icon icon={Login2} />
Join Space
</Button>
{:else if owner}
<Link class="btn btn-primary btn-sm" href={makeChatPath([owner])}>
<Icon icon="letter" />
<Icon icon={Letter} />
Contact Owner
</Link>
{/if}
@@ -63,7 +70,7 @@
{#if $relay?.profile?.icon}
<img alt="" src={$relay.profile.icon} />
{:else}
<Icon icon="ghost" size={6} />
<Icon icon={Ghost} size={6} />
{/if}
</div>
</div>
@@ -80,13 +87,13 @@
<div class="flex gap-3">
{#if $relay.profile.terms_of_service}
<Link href={$relay.profile.terms_of_service} class="badge badge-neutral flex gap-2">
<Icon icon="bill-list" size={4} />
<Icon icon={BillList} size={4} />
Terms of Service
</Link>
{/if}
{#if $relay.profile.privacy_policy}
<Link href={$relay?.profile?.privacy_policy} class="badge badge-neutral flex gap-2">
<Icon icon="shield-user" size={4} />
<Icon icon={ShieldUser} size={4} />
Privacy Policy
</Link>
{/if}
@@ -103,7 +110,7 @@
{#if owner}
<div class="card2 bg-alt">
<h3 class="mb-4 flex items-center gap-2 text-lg font-semibold">
<Icon icon="user-rounded" />
<Icon icon={UserRounded} />
Latest Updates
</h3>
<ProfileLatest {url} pubkey={owner}>
src/routes/spaces/[relay]/[room]/+page.svelte
+16 -10
View File
@@ -17,6 +17,12 @@
} from "@welshman/util"
import {pubkey, publishThunk, waitForThunkError, joinRoom, leaveRoom} from "@welshman/app"
import {slide, fade, fly} from "@lib/transition"
import Hashtag from "@assets/icons/hashtag-circle.svg?dataurl"
import ClockCircle from "@assets/icons/clock-circle.svg?dataurl"
import Login2 from "@assets/icons/login-2.svg?dataurl"
import AltArrowDown from "@assets/icons/alt-arrow-down.svg?dataurl"
import Logout2 from "@assets/icons/logout-3.svg?dataurl"
import Bookmark from "@assets/icons/bookmark.svg?dataurl"
import Icon from "@lib/components/Icon.svelte"
import Button from "@lib/components/Button.svelte"
import Spinner from "@lib/components/Spinner.svelte"
@@ -303,7 +309,7 @@
<PageBar>
{#snippet icon()}
<div class="center">
<Icon icon="hashtag" />
<Icon icon={Hashtag} />
</div>
{/snippet}
{#snippet title()}
@@ -322,14 +328,14 @@
{#if joining}
<span class="loading loading-spinner loading-sm"></span>
{:else}
<Icon size={4} icon="login-2" />
<Icon size={4} icon={Login2} />
{/if}
</Button>
{:else if $membershipStatus === MembershipStatus.Pending}
<Button
class="btn btn-neutral btn-sm tooltip tooltip-left"
data-tip="Membership is pending">
<Icon size={4} icon="clock-circle" />
<Icon size={4} icon={ClockCircle} />
</Button>
{:else}
<Button
@@ -337,14 +343,14 @@
data-tip="Request to be removed from member list"
disabled={leaving}
onclick={leave}>
<Icon size={4} icon="arrows-a-logout-2" />
<Icon size={4} icon={Logout2} />
</Button>
{/if}
<Button
class="btn btn-neutral btn-sm tooltip tooltip-left"
data-tip={isFavorite ? "Remove Favorite" : "Add Favorite"}
onclick={isFavorite ? removeFavorite : addFavorite}>
<Icon size={4} icon="bookmark" class={cx({"text-primary": isFavorite})} />
<Icon size={4} icon={Bookmark} class={cx({"text-primary": isFavorite})} />
</Button>
<MenuSpaceButton {url} />
</div>
@@ -359,7 +365,7 @@
<p class="row-2">You aren't currently a member of this room.</p>
{#if $membershipStatus === MembershipStatus.Pending}
<Button class="btn btn-neutral btn-sm" disabled={leaving} onclick={leave}>
<Icon icon="clock-circle" />
<Icon icon={ClockCircle} />
Access Pending
</Button>
{:else}
@@ -367,7 +373,7 @@
{#if joining}
<span class="loading loading-spinner loading-sm"></span>
{:else}
<Icon icon="login-2" />
<Icon icon={Login2} />
{/if}
Join Room
</Button>
@@ -415,7 +421,7 @@
<p>Only members are allowed to post to this room.</p>
{#if $membershipStatus === MembershipStatus.Pending}
<Button class="btn btn-neutral btn-sm" disabled={leaving} onclick={leave}>
<Icon icon="clock-circle" />
<Icon icon={ClockCircle} />
Access Pending
</Button>
{:else}
@@ -423,7 +429,7 @@
{#if joining}
<span class="loading loading-spinner loading-sm"></span>
{:else}
<Icon icon="login-2" />
<Icon icon={Login2} />
{/if}
Ask to Join
</Button>
@@ -445,7 +451,7 @@
{#if showScrollButton}
<div in:fade class="chat__scroll-down">
<Button class="btn btn-circle btn-neutral" onclick={scrollToBottom}>
<Icon icon="alt-arrow-down" />
<Icon icon={AltArrowDown} />
</Button>
</div>
{/if}
src/routes/spaces/[relay]/calendar/+page.svelte
+4 -2
View File
@@ -7,6 +7,8 @@
import type {TrustedEvent} from "@welshman/util"
import {DELETE, EVENT_TIME, getTagValue} from "@welshman/util"
import {fly} from "@lib/transition"
import CalendarMinimalistic from "@assets/icons/calendar-minimalistic.svg?dataurl"
import CalendarAdd from "@assets/icons/calendar-add.svg?dataurl"
import Icon from "@lib/components/Icon.svelte"
import Button from "@lib/components/Button.svelte"
import Spinner from "@lib/components/Spinner.svelte"
@@ -116,7 +118,7 @@
<PageBar>
{#snippet icon()}
<div class="center">
<Icon icon="calendar-minimalistic" />
<Icon icon={CalendarMinimalistic} />
</div>
{/snippet}
{#snippet title()}
@@ -125,7 +127,7 @@
{#snippet action()}
<div class="row-2">
<Button class="btn btn-primary btn-sm" onclick={makeEvent}>
<Icon icon="calendar-add" />
<Icon icon={CalendarAdd} />
Create an Event
</Button>
<MenuSpaceButton {url} />
src/routes/spaces/[relay]/calendar/[id]/+page.svelte
+6 -3
View File
@@ -6,6 +6,9 @@
import {request} from "@welshman/net"
import {repository} from "@welshman/app"
import {deriveEvents} from "@welshman/store"
import AltArrowLeft from "@assets/icons/alt-arrow-left.svg?dataurl"
import SortVertical from "@assets/icons/sort-vertical.svg?dataurl"
import Reply from "@assets/icons/reply-2.svg?dataurl"
import Icon from "@lib/components/Icon.svelte"
import PageBar from "@lib/components/PageBar.svelte"
import PageContent from "@lib/components/PageContent.svelte"
@@ -61,7 +64,7 @@
{#snippet icon()}
<div>
<Button class="btn btn-neutral btn-sm flex-nowrap whitespace-nowrap" onclick={back}>
<Icon icon="alt-arrow-left" />
<Icon icon={AltArrowLeft} />
<span class="hidden sm:inline">Go back</span>
</Button>
</div>
@@ -95,7 +98,7 @@
{#if !showAll && $replies.length > 4}
<div class="flex justify-center">
<Button class="btn btn-link" onclick={expand}>
<Icon icon="sort-vertical" />
<Icon icon={SortVertical} />
Show all {$replies.length} replies
</Button>
</div>
@@ -113,7 +116,7 @@
{:else}
<div class="flex justify-end px-2 pb-2">
<Button class="btn btn-primary" onclick={openReply}>
<Icon icon="reply" />
<Icon icon={Reply} />
Leave comment
</Button>
</div>
src/routes/spaces/[relay]/chat/+page.svelte
+4 -2
View File
@@ -8,6 +8,8 @@
import {makeEvent, getTag, MESSAGE, DELETE} from "@welshman/util"
import {pubkey, publishThunk} from "@welshman/app"
import {slide, fade, fly} from "@lib/transition"
import ChatRound from "@assets/icons/chat-round.svg?dataurl"
import AltArrowDown from "@assets/icons/alt-arrow-down.svg?dataurl"
import Icon from "@lib/components/Icon.svelte"
import Button from "@lib/components/Button.svelte"
import Spinner from "@lib/components/Spinner.svelte"
@@ -226,7 +228,7 @@
<PageBar>
{#snippet icon()}
<div class="center">
<Icon icon="chat-round" />
<Icon icon={ChatRound} />
</div>
{/snippet}
{#snippet title()}
@@ -285,7 +287,7 @@
{#if showScrollButton}
<div in:fade class="chat__scroll-down">
<Button class="btn btn-circle btn-neutral" onclick={scrollToBottom}>
<Icon icon="alt-arrow-down" />
<Icon icon={AltArrowDown} />
</Button>
</div>
{/if}
src/routes/spaces/[relay]/goals/+page.svelte
+3 -2
View File
@@ -6,6 +6,7 @@
import {ZAP_GOAL, DELETE, COMMENT, getListTags, getPubkeyTagValues} from "@welshman/util"
import {userMutes} from "@welshman/app"
import {fly} from "@lib/transition"
import NotesMinimalistic from "@assets/icons/notes-minimalistic.svg?dataurl"
import Icon from "@lib/components/Icon.svelte"
import Button from "@lib/components/Button.svelte"
import PageBar from "@lib/components/PageBar.svelte"
@@ -77,7 +78,7 @@
<PageBar>
{#snippet icon()}
<div class="center">
<Icon icon="notes-minimalistic" />
<Icon icon={NotesMinimalistic} />
</div>
{/snippet}
{#snippet title()}
@@ -86,7 +87,7 @@
{#snippet action()}
<div class="row-2">
<Button class="btn btn-primary btn-sm" onclick={createGoal}>
<Icon icon="notes-minimalistic" />
<Icon icon={NotesMinimalistic} />
Create a Goal
</Button>
<MenuSpaceButton {url} />
src/routes/spaces/[relay]/goals/[id]/+page.svelte
+6 -3
View File
@@ -6,6 +6,9 @@
import {repository} from "@welshman/app"
import {request} from "@welshman/net"
import {deriveEvents} from "@welshman/store"
import AltArrowLeft from "@assets/icons/alt-arrow-left.svg?dataurl"
import SortVertical from "@assets/icons/sort-vertical.svg?dataurl"
import Reply from "@assets/icons/reply-2.svg?dataurl"
import Icon from "@lib/components/Icon.svelte"
import PageBar from "@lib/components/PageBar.svelte"
import PageContent from "@lib/components/PageContent.svelte"
@@ -61,7 +64,7 @@
{#snippet icon()}
<div>
<Button class="btn btn-neutral btn-sm flex-nowrap whitespace-nowrap" onclick={back}>
<Icon icon="alt-arrow-left" />
<Icon icon={AltArrowLeft} />
<span class="hidden sm:inline">Go back</span>
</Button>
</div>
@@ -89,7 +92,7 @@
{#if !showAll && $replies.length > 4}
<div class="flex justify-center">
<Button class="btn btn-link" onclick={expand}>
<Icon icon="sort-vertical" />
<Icon icon={SortVertical} />
Show all {$replies.length} replies
</Button>
</div>
@@ -108,7 +111,7 @@
{:else}
<div class="flex justify-end p-2">
<Button class="btn btn-primary" onclick={openReply}>
<Icon icon="reply" />
<Icon icon={Reply} />
Comment on this goal
</Button>
</div>
src/routes/spaces/[relay]/threads/+page.svelte
+3 -2
View File
@@ -6,6 +6,7 @@
import {THREAD, DELETE, COMMENT, getListTags, getPubkeyTagValues} from "@welshman/util"
import {userMutes} from "@welshman/app"
import {fly} from "@lib/transition"
import NotesMinimalistic from "@assets/icons/notes-minimalistic.svg?dataurl"
import Icon from "@lib/components/Icon.svelte"
import Button from "@lib/components/Button.svelte"
import PageBar from "@lib/components/PageBar.svelte"
@@ -78,7 +79,7 @@
<PageBar>
{#snippet icon()}
<div class="center">
<Icon icon="notes-minimalistic" />
<Icon icon={NotesMinimalistic} />
</div>
{/snippet}
{#snippet title()}
@@ -87,7 +88,7 @@
{#snippet action()}
<div class="row-2">
<Button class="btn btn-primary btn-sm" onclick={createThread}>
<Icon icon="notes-minimalistic" />
<Icon icon={NotesMinimalistic} />
Create a Thread
</Button>
<MenuSpaceButton {url} />
src/routes/spaces/[relay]/threads/[id]/+page.svelte
+6 -3
View File
@@ -6,6 +6,9 @@
import {repository} from "@welshman/app"
import {request} from "@welshman/net"
import {deriveEvents} from "@welshman/store"
import AltArrowLeft from "@assets/icons/alt-arrow-left.svg?dataurl"
import SortVertical from "@assets/icons/sort-vertical.svg?dataurl"
import Reply from "@assets/icons/reply-2.svg?dataurl"
import Icon from "@lib/components/Icon.svelte"
import PageBar from "@lib/components/PageBar.svelte"
import PageContent from "@lib/components/PageContent.svelte"
@@ -59,7 +62,7 @@
{#snippet icon()}
<div>
<Button class="btn btn-neutral btn-sm flex-nowrap whitespace-nowrap" onclick={back}>
<Icon icon="alt-arrow-left" />
<Icon icon={AltArrowLeft} />
<span class="hidden sm:inline">Go back</span>
</Button>
</div>
@@ -86,7 +89,7 @@
{#if !showAll && $replies.length > 4}
<div class="flex justify-center">
<Button class="btn btn-link" onclick={expand}>
<Icon icon="sort-vertical" />
<Icon icon={SortVertical} />
Show all {$replies.length} replies
</Button>
</div>
@@ -105,7 +108,7 @@
{:else}
<div class="flex justify-end p-2">
<Button class="btn btn-primary" onclick={openReply}>
<Icon icon="reply" />
<Icon icon={Reply} />
Reply to thread
</Button>
</div>