diff --git a/svelte-kit-scss/src/lib/components/IssueHeader/IssueHeader.svelte b/svelte-kit-scss/src/lib/components/IssueHeader/IssueHeader.svelte deleted file mode 100644 index b6cb90695..000000000 --- a/svelte-kit-scss/src/lib/components/IssueHeader/IssueHeader.svelte +++ /dev/null @@ -1,158 +0,0 @@ - - -
-
- - -
-
- - - -
-
- - diff --git a/svelte-kit-scss/src/lib/components/IssueSearch/IssueSearchControls/IssueSearchControls.svelte b/svelte-kit-scss/src/lib/components/IssueSearch/IssueSearchControls/IssueSearchControls.svelte index 00a56bbc2..4d2f01ffb 100644 --- a/svelte-kit-scss/src/lib/components/IssueSearch/IssueSearchControls/IssueSearchControls.svelte +++ b/svelte-kit-scss/src/lib/components/IssueSearch/IssueSearchControls/IssueSearchControls.svelte @@ -1,31 +1,62 @@
- x.label} - checkedPredicate={(x) => x.active} - on:select={async ({ detail }) => await handleFilterSelect(detail)} - > - - +
+ +
+
+ x.label} + checkedPredicate={(x) => x.active} + on:select={async ({ detail }) => await handleFilterSelect(detail, true)} + direction="left" + > + + + x.label} + checkedPredicate={(x) => x.active} + on:select={async ({ detail }) => await handleFilterSelect(detail)} + direction="left" + > + + +
diff --git a/svelte-kit-scss/src/lib/components/IssueSearch/IssueSearchControls/IssueStateFilter.svelte b/svelte-kit-scss/src/lib/components/IssueSearch/IssueSearchControls/IssueStateFilter.svelte new file mode 100644 index 000000000..129de963a --- /dev/null +++ b/svelte-kit-scss/src/lib/components/IssueSearch/IssueSearchControls/IssueStateFilter.svelte @@ -0,0 +1,39 @@ + + +
+ {openFilter.label} + {closedFilter.label} +
+ + diff --git a/svelte-kit-scss/src/lib/components/IssuesList/IssuesList.svelte b/svelte-kit-scss/src/lib/components/IssuesList/IssuesList.svelte deleted file mode 100644 index da9054af5..000000000 --- a/svelte-kit-scss/src/lib/components/IssuesList/IssuesList.svelte +++ /dev/null @@ -1,32 +0,0 @@ - - -
-
- {#if Array.isArray(issues)} - {#each issues as issue} - - {/each} - {:else} -
- No results matched your search. -
- {/if} -
-
- - diff --git a/svelte-kit-scss/src/lib/components/PRHeader/PRHeader.svelte b/svelte-kit-scss/src/lib/components/PRHeader/PRHeader.svelte deleted file mode 100644 index 1c4e583ea..000000000 --- a/svelte-kit-scss/src/lib/components/PRHeader/PRHeader.svelte +++ /dev/null @@ -1,142 +0,0 @@ - - -
-
- - -
-
- - -
-
- - diff --git a/svelte-kit-scss/src/lib/components/PRIssueCard/PRIssueCard.svelte b/svelte-kit-scss/src/lib/components/PRIssueCard/PRIssueCard.svelte deleted file mode 100644 index 4105623e6..000000000 --- a/svelte-kit-scss/src/lib/components/PRIssueCard/PRIssueCard.svelte +++ /dev/null @@ -1,161 +0,0 @@ - - -{#if issue} -
-
-
- {#if isOpen()} - - - - {:else} - - - - {/if} -
-
- {issue.title} - {#each issue.labels as label} - - - {label.name} - - - {/each} -
-
- #{issue.number} - {#if isOpen() && issue?.createdAt} - - opened - {relativeTimeFmt(issue.createdAt)} - - {/if} - by - {issue.login} - {#if !isOpen() && issue?.closedAt} - - was closed - {relativeTimeFmt(issue.closedAt)} - - {/if} -
-
-
-
- -
- {issue.commentCount} -
-
-
-
-{/if} - - diff --git a/svelte-kit-scss/src/lib/components/PRsList/PRsList.svelte b/svelte-kit-scss/src/lib/components/PRsList/PRsList.svelte deleted file mode 100644 index b286ee05d..000000000 --- a/svelte-kit-scss/src/lib/components/PRsList/PRsList.svelte +++ /dev/null @@ -1,32 +0,0 @@ - - -
-
- {#if Array.isArray(prs)} - {#each prs as pr} - - {/each} - {:else} -
- No results matched your search. -
- {/if} -
-
- - diff --git a/svelte-kit-scss/src/lib/components/Repo/RepoHeader/RepoNavigation/RepoNavigation.svelte b/svelte-kit-scss/src/lib/components/Repo/RepoHeader/RepoNavigation/RepoNavigation.svelte index e4f4292b3..0867724a3 100644 --- a/svelte-kit-scss/src/lib/components/Repo/RepoHeader/RepoNavigation/RepoNavigation.svelte +++ b/svelte-kit-scss/src/lib/components/Repo/RepoHeader/RepoNavigation/RepoNavigation.svelte @@ -3,8 +3,12 @@ import type { RepoState } from '$lib/interfaces'; import { Code16, GitPullRequest16, IssueOpened16 } from 'svelte-octicons'; import { page } from '$app/stores'; + import { IssueSearchPageTypeFiltersMap } from '$lib/constants/matchers'; let path: string; + const issueSearchPageTypeIssue = Object.keys(IssueSearchPageTypeFiltersMap)[0]; + const issueSearchPageTypeRequest = Object.keys(IssueSearchPageTypeFiltersMap)[1]; + function getPath(currentPath: string) { path = currentPath; } @@ -20,11 +24,11 @@ } function openIssues() { - openTabLink('issues'); + openTabLink(issueSearchPageTypeIssue); } function openPRs() { - openTabLink('pull-requests'); + openTabLink(issueSearchPageTypeRequest); } function openTabLink(link: string) { @@ -39,7 +43,8 @@ on:click={openCode} on:keypress={openCode} class="tab tab--inactive" - class:tab--active={!path.includes('issues') && !path.includes('pull-requests')} + class:tab--active={!path.includes(issueSearchPageTypeIssue) && + !path.includes(issueSearchPageTypeRequest)} > @@ -50,7 +55,7 @@ on:click={openIssues} on:keypress={openIssues} class="tab tab--inactive" - class:tab--active={path.includes('issues')} + class:tab--active={path.includes(issueSearchPageTypeIssue)} > @@ -64,7 +69,7 @@ on:click={openPRs} on:keypress={openPRs} class="tab tab--inactive" - class:tab--active={path.includes('pull-requests')} + class:tab--active={path.includes(issueSearchPageTypeRequest)} > diff --git a/svelte-kit-scss/src/lib/components/shared/Dropdown/DropdownMenu.svelte b/svelte-kit-scss/src/lib/components/shared/Dropdown/DropdownMenu.svelte index 9aa90d9e1..d85c05574 100644 --- a/svelte-kit-scss/src/lib/components/shared/Dropdown/DropdownMenu.svelte +++ b/svelte-kit-scss/src/lib/components/shared/Dropdown/DropdownMenu.svelte @@ -3,6 +3,8 @@ import { X16 } from 'svelte-octicons'; import { scale } from 'svelte/transition'; export let description: string | undefined; + type Direction = 'left' | 'right'; + export let direction: Direction = 'right'; let isOpen = false; const close = (): void => { isOpen = false; @@ -12,6 +14,8 @@ }; $: descriptionDisplay = description || String(); + + const reverseDirection = (direction: Direction) => (direction === 'left' ? 'right' : 'left'); {#if isOpen} -