@industry-theme/github-panels 0.1.38 → 0.1.39

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.ts CHANGED
@@ -19,7 +19,7 @@ export { GitHubProjectsPanel } from './panels/GitHubProjectsPanel';
19
19
  export { GitHubSearchPanel } from './panels/GitHubSearchPanel';
20
20
  export { GitHubIssuesPanel } from './panels/GitHubIssuesPanel';
21
21
  export { GitHubIssueDetailPanel } from './panels/GitHubIssueDetailPanel';
22
- export { OwnerRepositoriesPanel } from './panels/OwnerRepositoriesPanel';
22
+ export { OwnerRepositoriesPanel, type OwnerRepositoriesPanelProps } from './panels/OwnerRepositoriesPanel';
23
23
  export { RecentRepositoriesPanel, addRecentRepository, addRecentOwner } from './panels/RecentRepositoriesPanel';
24
24
  export type { OwnerInfo } from './panels/RecentRepositoriesPanel';
25
25
  export type { GitHubOwner, GitHubRepository, GitHubOrganization, GitHubRepositoriesSliceData, RepositorySelectedEventPayload, RepositoryPreviewEventPayload, GitHubPanelEventType, GitHubIssue, GitHubIssueLabel, GitHubIssueUser, GitHubIssuesSliceData, IssueSelectedEventPayload, } from './types/github';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,eAAe,EAAgC,MAAM,SAAS,CAAC;AAG7E;;;GAGG;AACH,eAAO,MAAM,MAAM,EAAE,eAAe,EAoGnC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,aAAa,qBAGzB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,qBAG3B,CAAC;AAGF,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,EAAE,uBAAuB,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAChH,YAAY,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAGlE,YAAY,EACV,WAAW,EACX,gBAAgB,EAChB,kBAAkB,EAClB,2BAA2B,EAC3B,8BAA8B,EAC9B,6BAA6B,EAC7B,oBAAoB,EACpB,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,qBAAqB,EACrB,yBAAyB,GAC1B,MAAM,gBAAgB,CAAC;AAGxB,OAAO,EACL,WAAW,EACX,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,EACpB,qBAAqB,EACrB,sBAAsB,EACtB,0BAA0B,EAC1B,sBAAsB,EACtB,cAAc,EACd,iBAAiB,GAClB,MAAM,SAAS,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,eAAe,EAAgC,MAAM,SAAS,CAAC;AAG7E;;;GAGG;AACH,eAAO,MAAM,MAAM,EAAE,eAAe,EAoGnC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,aAAa,qBAGzB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,qBAG3B,CAAC;AAGF,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,EAAE,sBAAsB,EAAE,KAAK,2BAA2B,EAAE,MAAM,iCAAiC,CAAC;AAC3G,OAAO,EAAE,uBAAuB,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAChH,YAAY,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAGlE,YAAY,EACV,WAAW,EACX,gBAAgB,EAChB,kBAAkB,EAClB,2BAA2B,EAC3B,8BAA8B,EAC9B,6BAA6B,EAC7B,oBAAoB,EACpB,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,qBAAqB,EACrB,yBAAyB,GAC1B,MAAM,gBAAgB,CAAC;AAGxB,OAAO,EACL,WAAW,EACX,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,EACpB,qBAAqB,EACrB,sBAAsB,EACtB,0BAA0B,EAC1B,sBAAsB,EACtB,cAAc,EACd,iBAAiB,GAClB,MAAM,SAAS,CAAC"}
@@ -3,6 +3,8 @@ import type { PanelComponentProps } from '../types';
3
3
  export interface OwnerRepositoriesPanelProps extends PanelComponentProps {
4
4
  owner?: string;
5
5
  selectedRepository?: string;
6
+ /** Whether to show the search bar by default */
7
+ defaultShowSearch?: boolean;
6
8
  }
7
9
  /**
8
10
  * OwnerRepositoriesPanel - A panel for browsing a GitHub user or organization's repositories
@@ -1 +1 @@
1
- {"version":3,"file":"OwnerRepositoriesPanel.d.ts","sourceRoot":"","sources":["../../src/panels/OwnerRepositoriesPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAWhE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAMpD,MAAM,WAAW,2BAA4B,SAAQ,mBAAmB;IACtE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAseD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAExE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,8BAA8B;;;;;;;;CAQ1C,CAAC"}
1
+ {"version":3,"file":"OwnerRepositoriesPanel.d.ts","sourceRoot":"","sources":["../../src/panels/OwnerRepositoriesPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAazE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAMpD,MAAM,WAAW,2BAA4B,SAAQ,mBAAmB;IACtE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,gDAAgD;IAChD,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAupBD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAExE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,8BAA8B;;;;;;;;CAQ1C,CAAC"}
@@ -18,6 +18,7 @@ declare const meta: {
18
18
  decorators: ((Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
19
19
  owner?: string | undefined;
20
20
  selectedRepository?: string | undefined;
21
+ defaultShowSearch?: boolean | undefined;
21
22
  context: import("@principal-ade/panel-framework-core").PanelContextValue;
22
23
  actions: import("@principal-ade/panel-framework-core").PanelActions;
23
24
  events: import("@principal-ade/panel-framework-core").PanelEventEmitter;
@@ -1 +1 @@
1
- {"version":3,"file":"OwnerRepositoriesPanel.stories.d.ts","sourceRoot":"","sources":["../../src/panels/OwnerRepositoriesPanel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AA2I5D;;;GAGG;AACH,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;CAmCqC,CAAC;AAEhD,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAmDnC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAazB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAQxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAM/B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAqB9B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAgCzB,CAAC"}
1
+ {"version":3,"file":"OwnerRepositoriesPanel.stories.d.ts","sourceRoot":"","sources":["../../src/panels/OwnerRepositoriesPanel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AA2I5D;;;GAGG;AACH,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;CAmCqC,CAAC;AAEhD,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAmDnC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAazB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAQxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAM/B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAqB9B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAgCzB,CAAC"}
@@ -46809,13 +46809,27 @@ const OwnerRepositoriesPanelContent = ({
46809
46809
  events,
46810
46810
  context,
46811
46811
  owner: propOwner,
46812
- selectedRepository
46812
+ selectedRepository,
46813
+ defaultShowSearch = false
46813
46814
  }) => {
46814
46815
  var _a, _b, _c, _d, _e, _f;
46815
46816
  const { theme: theme2 } = useTheme();
46816
46817
  const [selectedRepoId, setSelectedRepoId] = useState(null);
46817
46818
  const [sortField, setSortField] = useState("updated");
46818
46819
  const [sortOrder, setSortOrder] = useState("desc");
46820
+ const [filter, setFilter] = useState("");
46821
+ const [showSearch, setShowSearch] = useState(defaultShowSearch);
46822
+ const handleToggleSearch = useCallback(() => {
46823
+ setShowSearch((prev) => {
46824
+ if (prev) {
46825
+ setFilter("");
46826
+ }
46827
+ return !prev;
46828
+ });
46829
+ }, []);
46830
+ const handleClearFilter = useCallback(() => {
46831
+ setFilter("");
46832
+ }, []);
46819
46833
  const owner = propOwner || ((_b = (_a = context == null ? void 0 : context.currentScope) == null ? void 0 : _a.repository) == null ? void 0 : _b.name);
46820
46834
  const ownerSlice = context.getSlice("owner-repositories");
46821
46835
  const isLoading = context.isSliceLoading("owner-repositories");
@@ -46867,8 +46881,23 @@ const OwnerRepositoriesPanelContent = ({
46867
46881
  });
46868
46882
  return () => unsubscribe();
46869
46883
  }, [events, repositories]);
46870
- const sortedRepos = React2__default.useMemo(() => {
46871
- return [...repositories].sort((a, b) => {
46884
+ const normalizedFilter = filter.trim().toLowerCase();
46885
+ const filteredAndSortedRepos = useMemo(() => {
46886
+ let filtered = repositories;
46887
+ if (normalizedFilter) {
46888
+ filtered = repositories.filter((repo) => {
46889
+ var _a2;
46890
+ const haystack = [
46891
+ repo.name,
46892
+ repo.full_name,
46893
+ ((_a2 = repo.owner) == null ? void 0 : _a2.login) ?? "",
46894
+ repo.description ?? "",
46895
+ repo.language ?? ""
46896
+ ].join(" ").toLowerCase();
46897
+ return haystack.includes(normalizedFilter);
46898
+ });
46899
+ }
46900
+ return [...filtered].sort((a, b) => {
46872
46901
  let comparison = 0;
46873
46902
  switch (sortField) {
46874
46903
  case "name":
@@ -46880,7 +46909,7 @@ const OwnerRepositoriesPanelContent = ({
46880
46909
  }
46881
46910
  return sortOrder === "asc" ? comparison : -comparison;
46882
46911
  });
46883
- }, [repositories, sortField, sortOrder]);
46912
+ }, [repositories, sortField, sortOrder, normalizedFilter]);
46884
46913
  const handleSelectRepository = (repo) => {
46885
46914
  setSelectedRepoId(repo.id);
46886
46915
  events.emit({
@@ -46946,63 +46975,190 @@ const OwnerRepositoriesPanelContent = ({
46946
46975
  "div",
46947
46976
  {
46948
46977
  style: {
46978
+ position: "relative",
46949
46979
  height: "40px",
46950
46980
  minHeight: "40px",
46951
46981
  padding: "0 16px",
46952
46982
  borderBottom: `1px solid ${theme2.colors.border}`,
46953
46983
  display: "flex",
46954
46984
  alignItems: "center",
46955
- gap: "8px",
46956
46985
  boxSizing: "border-box"
46957
46986
  },
46958
46987
  children: [
46959
- /* @__PURE__ */ jsx(Github, { size: 18, color: theme2.colors.primary }),
46960
- /* @__PURE__ */ jsx(
46961
- "span",
46988
+ /* @__PURE__ */ jsxs(
46989
+ "div",
46962
46990
  {
46963
46991
  style: {
46964
- fontSize: `${theme2.fontSizes[2]}px`,
46965
- fontWeight: theme2.fontWeights.medium,
46966
- color: theme2.colors.text
46992
+ display: "flex",
46993
+ alignItems: "center",
46994
+ justifyContent: "space-between",
46995
+ width: "100%",
46996
+ gap: "8px",
46997
+ visibility: showSearch ? "hidden" : "visible"
46967
46998
  },
46968
- children: "Repositories"
46999
+ children: [
47000
+ /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
47001
+ /* @__PURE__ */ jsx(Github, { size: 18, color: theme2.colors.primary }),
47002
+ /* @__PURE__ */ jsx(
47003
+ "span",
47004
+ {
47005
+ style: {
47006
+ fontSize: `${theme2.fontSizes[2]}px`,
47007
+ fontWeight: theme2.fontWeights.medium,
47008
+ color: theme2.colors.text
47009
+ },
47010
+ children: "Repositories"
47011
+ }
47012
+ ),
47013
+ !isLoading && repositories.length > 0 && /* @__PURE__ */ jsx(
47014
+ "span",
47015
+ {
47016
+ style: {
47017
+ fontSize: `${theme2.fontSizes[1]}px`,
47018
+ color: theme2.colors.textSecondary,
47019
+ padding: "2px 8px",
47020
+ borderRadius: "12px",
47021
+ backgroundColor: theme2.colors.backgroundSecondary
47022
+ },
47023
+ children: repositories.length
47024
+ }
47025
+ )
47026
+ ] }),
47027
+ !isLoading && repositories.length > 0 && /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
47028
+ /* @__PURE__ */ jsx(
47029
+ "button",
47030
+ {
47031
+ onClick: handleToggleSearch,
47032
+ style: {
47033
+ background: showSearch ? theme2.colors.backgroundSecondary : "none",
47034
+ border: `1px solid ${showSearch ? theme2.colors.border : "transparent"}`,
47035
+ borderRadius: "4px",
47036
+ cursor: "pointer",
47037
+ padding: "4px",
47038
+ display: "flex",
47039
+ alignItems: "center",
47040
+ justifyContent: "center",
47041
+ color: showSearch ? theme2.colors.primary : theme2.colors.textSecondary
47042
+ },
47043
+ title: showSearch ? "Close search" : "Search repositories",
47044
+ children: /* @__PURE__ */ jsx(Search, { size: 16 })
47045
+ }
47046
+ ),
47047
+ /* @__PURE__ */ jsx(
47048
+ "button",
47049
+ {
47050
+ onClick: toggleSort,
47051
+ style: {
47052
+ padding: "4px 10px",
47053
+ borderRadius: "4px",
47054
+ border: `1px solid ${theme2.colors.border}`,
47055
+ background: theme2.colors.backgroundSecondary,
47056
+ color: theme2.colors.text,
47057
+ fontSize: `${theme2.fontSizes[1]}px`,
47058
+ cursor: "pointer",
47059
+ display: "flex",
47060
+ alignItems: "center",
47061
+ gap: "4px"
47062
+ },
47063
+ children: sortField === "name" ? "A-Z" : "Recent"
47064
+ }
47065
+ )
47066
+ ] })
47067
+ ]
46969
47068
  }
46970
47069
  ),
46971
- !isLoading && repositories.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
46972
- /* @__PURE__ */ jsx(
46973
- "span",
46974
- {
46975
- style: {
46976
- fontSize: `${theme2.fontSizes[1]}px`,
46977
- color: theme2.colors.textSecondary,
46978
- padding: "2px 8px",
46979
- borderRadius: "12px",
46980
- backgroundColor: theme2.colors.backgroundSecondary
46981
- },
46982
- children: repositories.length
46983
- }
46984
- ),
46985
- /* @__PURE__ */ jsx(
46986
- "button",
46987
- {
46988
- onClick: toggleSort,
46989
- style: {
46990
- marginLeft: "auto",
46991
- padding: "4px 10px",
46992
- borderRadius: "4px",
46993
- border: `1px solid ${theme2.colors.border}`,
46994
- background: theme2.colors.backgroundSecondary,
46995
- color: theme2.colors.text,
46996
- fontSize: `${theme2.fontSizes[1]}px`,
46997
- cursor: "pointer",
46998
- display: "flex",
46999
- alignItems: "center",
47000
- gap: "4px"
47001
- },
47002
- children: sortField === "name" ? "A-Z" : "Recent"
47003
- }
47004
- )
47005
- ] })
47070
+ showSearch && /* @__PURE__ */ jsxs(
47071
+ "div",
47072
+ {
47073
+ style: {
47074
+ position: "absolute",
47075
+ top: 0,
47076
+ left: 0,
47077
+ right: 0,
47078
+ bottom: 0,
47079
+ display: "flex",
47080
+ alignItems: "center",
47081
+ padding: "0 16px",
47082
+ backgroundColor: theme2.colors.background,
47083
+ zIndex: 10
47084
+ },
47085
+ children: [
47086
+ /* @__PURE__ */ jsxs("div", { style: { position: "relative", flex: 1, display: "flex", alignItems: "center" }, children: [
47087
+ /* @__PURE__ */ jsx(
47088
+ Search,
47089
+ {
47090
+ size: 16,
47091
+ color: theme2.colors.textSecondary,
47092
+ style: {
47093
+ position: "absolute",
47094
+ left: "10px",
47095
+ pointerEvents: "none"
47096
+ }
47097
+ }
47098
+ ),
47099
+ /* @__PURE__ */ jsx(
47100
+ "input",
47101
+ {
47102
+ type: "text",
47103
+ placeholder: "Filter repositories...",
47104
+ value: filter,
47105
+ onChange: (e) => setFilter(e.target.value),
47106
+ autoFocus: true,
47107
+ style: {
47108
+ width: "100%",
47109
+ padding: "6px 32px 6px 32px",
47110
+ fontSize: `${theme2.fontSizes[1]}px`,
47111
+ color: theme2.colors.text,
47112
+ backgroundColor: theme2.colors.backgroundSecondary,
47113
+ border: `1px solid ${theme2.colors.border}`,
47114
+ borderRadius: "4px",
47115
+ outline: "none",
47116
+ fontFamily: theme2.fonts.body
47117
+ }
47118
+ }
47119
+ ),
47120
+ filter && /* @__PURE__ */ jsx(
47121
+ "button",
47122
+ {
47123
+ onClick: handleClearFilter,
47124
+ style: {
47125
+ position: "absolute",
47126
+ right: "8px",
47127
+ background: "none",
47128
+ border: "none",
47129
+ cursor: "pointer",
47130
+ padding: "4px",
47131
+ display: "flex",
47132
+ alignItems: "center",
47133
+ justifyContent: "center",
47134
+ color: theme2.colors.textSecondary
47135
+ },
47136
+ children: /* @__PURE__ */ jsx(X, { size: 16 })
47137
+ }
47138
+ )
47139
+ ] }),
47140
+ /* @__PURE__ */ jsx(
47141
+ "button",
47142
+ {
47143
+ onClick: handleToggleSearch,
47144
+ style: {
47145
+ background: "none",
47146
+ border: "none",
47147
+ cursor: "pointer",
47148
+ padding: "4px",
47149
+ marginLeft: "8px",
47150
+ display: "flex",
47151
+ alignItems: "center",
47152
+ justifyContent: "center",
47153
+ color: theme2.colors.textSecondary
47154
+ },
47155
+ title: "Close search",
47156
+ children: /* @__PURE__ */ jsx(X, { size: 16 })
47157
+ }
47158
+ )
47159
+ ]
47160
+ }
47161
+ )
47006
47162
  ]
47007
47163
  }
47008
47164
  ),
@@ -47099,14 +47255,29 @@ const OwnerRepositoriesPanelContent = ({
47099
47255
  ]
47100
47256
  }
47101
47257
  ),
47102
- !isLoading && !error && sortedRepos.length > 0 && /* @__PURE__ */ jsx(
47258
+ !isLoading && !error && filteredAndSortedRepos.length === 0 && repositories.length > 0 && /* @__PURE__ */ jsx(
47259
+ "div",
47260
+ {
47261
+ style: {
47262
+ flex: 1,
47263
+ display: "flex",
47264
+ flexDirection: "column",
47265
+ alignItems: "center",
47266
+ justifyContent: "center",
47267
+ padding: "32px",
47268
+ color: theme2.colors.textSecondary
47269
+ },
47270
+ children: /* @__PURE__ */ jsx("p", { style: { margin: 0 }, children: "No repositories match your filter." })
47271
+ }
47272
+ ),
47273
+ !isLoading && !error && filteredAndSortedRepos.length > 0 && /* @__PURE__ */ jsx(
47103
47274
  "div",
47104
47275
  {
47105
47276
  style: {
47106
47277
  flex: 1,
47107
47278
  overflowY: "auto"
47108
47279
  },
47109
- children: sortedRepos.map((repo) => /* @__PURE__ */ jsxs(
47280
+ children: filteredAndSortedRepos.map((repo) => /* @__PURE__ */ jsxs(
47110
47281
  "button",
47111
47282
  {
47112
47283
  type: "button",