diff --git a/__snapshots__/prs-list-item--status-closed.png b/__snapshots__/prs-list-item--status-closed.png new file mode 100644 index 0000000..067ba90 Binary files /dev/null and b/__snapshots__/prs-list-item--status-closed.png differ diff --git a/__snapshots__/prs-list-item--status-draft.png b/__snapshots__/prs-list-item--status-draft.png new file mode 100644 index 0000000..eec2553 Binary files /dev/null and b/__snapshots__/prs-list-item--status-draft.png differ diff --git a/__snapshots__/prs-list-item--status-loading.png b/__snapshots__/prs-list-item--status-loading.png new file mode 100644 index 0000000..f3c2958 Binary files /dev/null and b/__snapshots__/prs-list-item--status-loading.png differ diff --git a/__snapshots__/prs-list-item--status-merged.png b/__snapshots__/prs-list-item--status-merged.png new file mode 100644 index 0000000..1919f0a Binary files /dev/null and b/__snapshots__/prs-list-item--status-merged.png differ diff --git a/__snapshots__/prs-list-item.test.js.snap b/__snapshots__/prs-list-item.test.js.snap index acbed6b..54a7540 100644 --- a/__snapshots__/prs-list-item.test.js.snap +++ b/__snapshots__/prs-list-item.test.js.snap @@ -139,6 +139,149 @@ exports[`PRs/List/Item Short Details smoke-test 1`] = ` `; +exports[`PRs/List/Item Status Closed smoke-test 1`] = ` +
  • + + + + + +
    + short title +
    + +
    +
  • +`; + +exports[`PRs/List/Item Status Draft smoke-test 1`] = ` +
  • + + + + + +
    + short title +
    + +
    +
  • +`; + +exports[`PRs/List/Item Status Loading smoke-test 1`] = ` +
  • +
    +
    + +
    + short title +
    + +
    +
  • +`; + +exports[`PRs/List/Item Status Merged smoke-test 1`] = ` +
  • + + + + + +
    + short title +
    + +
    +
  • +`; + exports[`PRs/List/Item loading smoke-test 1`] = `
  • diff --git a/__snapshots__/prs-status.test.js.snap b/__snapshots__/prs-status.test.js.snap index 8d9d1f0..a31d0cb 100644 --- a/__snapshots__/prs-status.test.js.snap +++ b/__snapshots__/prs-status.test.js.snap @@ -33,7 +33,7 @@ exports[`PRs/Status Draft smoke-test 1`] = ` `; exports[`PRs/Status Loading smoke-test 1`] = ` -
    +
    `; @@ -68,7 +68,7 @@ exports[`PRs/Status Open Edit Mode smoke-test 1`] = ` Open
    @@ -26,7 +26,7 @@ {:else}

    Status

    diff --git a/src/lib/components/prs/PRHeader.svelte b/src/lib/components/prs/PRHeader.svelte index c71f27c..18883a4 100644 --- a/src/lib/components/prs/PRHeader.svelte +++ b/src/lib/components/prs/PRHeader.svelte @@ -10,8 +10,18 @@ import Status from "./Status.svelte"; dayjs.extend(relativeTime); - export let { title, id, repo_id, comments, author, created_at, loading } = - summary_defaults; + export let { + title, + descritpion, + id, + repo_id, + comments, + status, + status_date, + author, + created_at, + loading, + } = summary_defaults; let short_title: string; let created_at_ago: string; let author_name = ""; @@ -51,7 +61,7 @@
    - +
    opened {created_at_ago} diff --git a/src/lib/components/prs/PRsListItem.stories.svelte b/src/lib/components/prs/PRsListItem.stories.svelte index 916bd93..c44e319 100644 --- a/src/lib/components/prs/PRsListItem.stories.svelte +++ b/src/lib/components/prs/PRsListItem.stories.svelte @@ -23,4 +23,12 @@ + + + + + + + + diff --git a/src/lib/components/prs/PRsListItem.svelte b/src/lib/components/prs/PRsListItem.svelte index 74489f0..52c860e 100644 --- a/src/lib/components/prs/PRsListItem.svelte +++ b/src/lib/components/prs/PRsListItem.svelte @@ -6,10 +6,19 @@ import relativeTime from "dayjs/plugin/relativeTime"; import { summary_defaults } from "./type"; import { getName } from "../users/type"; + import { pr_icon_path } from "./icons"; dayjs.extend(relativeTime); - export let { title, id, repo_id, comments, author, created_at, loading } = - summary_defaults; + export let { + title, + id, + repo_id, + comments, + status, + author, + created_at, + loading, + } = summary_defaults; let short_title: string; let created_at_ago: string; let author_name = ""; @@ -31,28 +40,37 @@ > - {#if loading} + {#if loading || !status}
    - {:else} + {:else if status === "Open"} - + > + {:else if status === "Closed"} + + {:else if status === "Draft"} + + {:else if status === "Merged"} + {/if} - + import { pr_icon_path } from "./icons"; + export let status: string | undefined = undefined; export let edit_mode = false; {#if !status} -
    +
    {:else}
    + > Open {:else if status === "Merged"} @@ -32,9 +32,7 @@ xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="h-5 w-5 pt-1 flex-none fill-primary-content" - > Merged {:else if status === "Closed"} @@ -43,9 +41,7 @@ xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="h-5 w-5 pt-1 flex-none fill-neutral-content" - > Closed {:else if status === "Draft"} @@ -54,9 +50,7 @@ xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="h-5 w-5 pt-1 flex-none fill-neutral-content" - > Draft {:else} @@ -66,7 +60,7 @@ [...responses, event]); loading = false; } catch {} } -{#if loading} +{#if loading || !status} {:else}