mirror of
https://seed.radicle.dev/rad:z4V1sjrXqjvFdnCUbxPFqd5p4DtH5.git
synced 2026-11-04 03:00:32 +08:00
Rūdolfs Ošiņš
010cac0377
Redesign the entire app with a new UI kit. Typography, colors, icons, avatars, and border radii have all been updated for a more polished, consistent appearance that matches our other products like radicle-explorer. - Replace blockies-based avatars with a new DID-based avatar system - Move Settings and Create Issue into fullscreen modals - Change the default theme to follow the system theme - Remove window decorations on macOS for a cleaner, more native feel - Update the app icon - Fix popovers and tooltips Navigation: - Rewrite app navigation and layouts - Add a sidebar that gives you access to all your repos - Change the startup screen to open directly to the notification inbox - Add a getting started guide shown to new users on first launch Settings: - Add a setting to disable the notification badge - Add a code font setting Bug fixes: - Fix reactions and edits incorrectly targeting the root comment instead of the intended reply - Restrict issue/patch state, labels and assignees to delegates only
105 lines
3.2 KiB
Svelte
105 lines
3.2 KiB
Svelte
<script lang="ts">
|
|
import type { PatchStatus } from "@app/views/repo/router";
|
|
import type { Patch } from "@bindings/cob/patch/Patch";
|
|
import type { Revision } from "@bindings/cob/patch/Revision";
|
|
import type { Config } from "@bindings/config/Config";
|
|
|
|
import orderBy from "lodash/orderBy";
|
|
import uniqBy from "lodash/uniqBy";
|
|
|
|
import { authorForNodeId } from "@app/lib/utils";
|
|
|
|
import DropdownListItem from "@app/components/DropdownListItem.svelte";
|
|
import Icon from "@app/components/Icon.svelte";
|
|
import NodeId from "@app/components/NodeId.svelte";
|
|
import RevisionBadges from "@app/components/RevisionBadges.svelte";
|
|
import RevisionReviews from "@app/components/RevisionReviews.svelte";
|
|
|
|
interface Props {
|
|
config: Config;
|
|
patch: Patch;
|
|
revisions: Revision[];
|
|
rid: string;
|
|
selectRevision: (revision: Revision) => void;
|
|
selectedRevision: Revision;
|
|
status: PatchStatus | undefined;
|
|
}
|
|
|
|
const {
|
|
config,
|
|
patch,
|
|
revisions,
|
|
rid,
|
|
selectRevision,
|
|
selectedRevision,
|
|
status,
|
|
}: Props = $props();
|
|
|
|
const revisionAuthors = $derived(
|
|
orderBy(
|
|
uniqBy(
|
|
revisions.map(r => r.author),
|
|
"did",
|
|
),
|
|
[o => o.did === patch.author.did],
|
|
["desc"],
|
|
),
|
|
);
|
|
</script>
|
|
|
|
<style>
|
|
.author-revisions:not(:last-of-type) {
|
|
margin-bottom: 1.5rem;
|
|
}
|
|
</style>
|
|
|
|
{#each revisionAuthors as author}
|
|
<div class="author-revisions">
|
|
<div style:padding-bottom="0.5rem">
|
|
<span class="global-flex txt-body-m-regular" style:gap="0">
|
|
<NodeId {...authorForNodeId(author)} />'s revisions
|
|
</span>
|
|
</div>
|
|
{#each orderBy( revisions.filter(r => {
|
|
return r.author.did === author.did;
|
|
}), "timestamp", ["asc"], ) as revision}
|
|
<div style:margin="0.5rem 0">
|
|
<DropdownListItem
|
|
selected={revision.id === selectedRevision.id}
|
|
onclick={() => {
|
|
selectRevision(revision);
|
|
}}>
|
|
<div class="global-flex txt-overflow" style:width="100%">
|
|
{#if patch.state.status === "merged" && patch.state.revision === revision.id}
|
|
<div style:color="var(--color-brand-bg)">
|
|
<Icon name="patch-merged" />
|
|
</div>
|
|
{:else}
|
|
<Icon name="revision" />
|
|
{/if}
|
|
<span class="txt-id">
|
|
{revision.id.substring(0, 4)}
|
|
</span>
|
|
<RevisionBadges {revision} {revisions} />
|
|
<span class="txt-overflow">
|
|
{#if revision.description[0].body.trim()}
|
|
{revision.description[0].body.split("\n")[0]}
|
|
{:else}
|
|
<span class="txt-missing">No description.</span>
|
|
{/if}
|
|
</span>
|
|
<div class="global-flex" style:margin-left="auto">
|
|
{#if revision.discussion && revision.discussion.length > 0}
|
|
<div class="global-flex" style:gap="0.25rem">
|
|
<Icon name="comment" />{revision.discussion.length}
|
|
</div>
|
|
{/if}
|
|
</div>
|
|
</div>
|
|
</DropdownListItem>
|
|
</div>
|
|
<RevisionReviews {config} {rid} {status} {revision} {patch} />
|
|
{/each}
|
|
</div>
|
|
{/each}
|