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 @@
+
+
+
+
+
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}
-
-
-
-
-
-
-{/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');
@@ -19,7 +23,11 @@
{#if isOpen}
-