convex-feedback-ui 0.1.6 → 0.1.7
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/README.md +19 -0
- package/dist/.tsbuildinfo +1 -1
- package/dist/native/expo/FeedbackRoutes.d.ts.map +1 -1
- package/dist/native/expo/FeedbackRoutes.js +10 -5
- package/dist/native/expo/FeedbackRoutes.js.map +1 -1
- package/dist/native/expo/FeedbackScreen.d.ts +1 -1
- package/dist/native/expo/FeedbackScreen.d.ts.map +1 -1
- package/dist/native/expo/FeedbackScreen.js +2 -2
- package/dist/native/expo/FeedbackScreen.js.map +1 -1
- package/dist/native/expo/FeedbackStack.d.ts.map +1 -1
- package/dist/native/expo/FeedbackStack.js +7 -4
- package/dist/native/expo/FeedbackStack.js.map +1 -1
- package/dist/native/expo/FeedbackStackLayout.d.ts +1 -1
- package/dist/native/expo/FeedbackStackLayout.d.ts.map +1 -1
- package/dist/native/expo/FeedbackStackLayout.js +2 -2
- package/dist/native/expo/FeedbackStackLayout.js.map +1 -1
- package/dist/native/expo/types.d.ts +2 -0
- package/dist/native/expo/types.d.ts.map +1 -1
- package/dist/native/native/FeedbackScreen.d.ts +1 -1
- package/dist/native/native/FeedbackScreen.d.ts.map +1 -1
- package/dist/native/native/FeedbackScreen.js +2 -2
- package/dist/native/native/FeedbackScreen.js.map +1 -1
- package/dist/native/shared/ui/BodyContent.d.ts +1 -1
- package/dist/native/shared/ui/BodyContent.d.ts.map +1 -1
- package/dist/native/shared/ui/BodyContent.js +2 -2
- package/dist/native/shared/ui/BodyContent.js.map +1 -1
- package/dist/native/shared/ui/Button.d.ts +2 -1
- package/dist/native/shared/ui/Button.d.ts.map +1 -1
- package/dist/native/shared/ui/Button.js +9 -4
- package/dist/native/shared/ui/Button.js.map +1 -1
- package/dist/native/shared/ui/FeedbackScreenHeader.d.ts.map +1 -1
- package/dist/native/shared/ui/FeedbackScreenHeader.js +8 -4
- package/dist/native/shared/ui/FeedbackScreenHeader.js.map +1 -1
- package/dist/native/shared/ui/FeedbackScreenList.d.ts +1 -1
- package/dist/native/shared/ui/FeedbackScreenList.d.ts.map +1 -1
- package/dist/native/shared/ui/FeedbackScreenList.js +18 -5
- package/dist/native/shared/ui/FeedbackScreenList.js.map +1 -1
- package/dist/native/shared/ui/NewEntry.d.ts.map +1 -1
- package/dist/native/shared/ui/NewEntry.js +5 -12
- package/dist/native/shared/ui/NewEntry.js.map +1 -1
- package/dist/native/shared/ui/primitives.d.ts +7 -1
- package/dist/native/shared/ui/primitives.d.ts.map +1 -1
- package/dist/native/shared/ui/primitives.js +38 -0
- package/dist/native/shared/ui/primitives.js.map +1 -1
- package/dist/react/primitives.d.ts +9 -1
- package/dist/react/primitives.d.ts.map +1 -1
- package/dist/react/primitives.js +12 -0
- package/dist/react/primitives.js.map +1 -1
- package/dist/react/screen.d.ts +1 -1
- package/dist/react/screen.d.ts.map +1 -1
- package/dist/react/screen.js +21 -10
- package/dist/react/screen.js.map +1 -1
- package/dist/react/styles.css +38 -1
- package/dist/shared/context/FeedbackBodyProvider.d.ts +1 -1
- package/dist/shared/context/FeedbackBodyProvider.d.ts.map +1 -1
- package/dist/shared/context/FeedbackBodyProvider.js +5 -1
- package/dist/shared/context/FeedbackBodyProvider.js.map +1 -1
- package/dist/shared/helpers.d.ts +5 -1
- package/dist/shared/helpers.d.ts.map +1 -1
- package/dist/shared/helpers.js +11 -0
- package/dist/shared/helpers.js.map +1 -1
- package/dist/shared/messages.d.ts.map +1 -1
- package/dist/shared/messages.js +1 -0
- package/dist/shared/messages.js.map +1 -1
- package/dist/shared/types/choice.d.ts +10 -0
- package/dist/shared/types/choice.d.ts.map +1 -0
- package/dist/shared/types/choice.js +2 -0
- package/dist/shared/types/choice.js.map +1 -0
- package/dist/shared/types/index.d.ts +1 -0
- package/dist/shared/types/index.d.ts.map +1 -1
- package/dist/shared/types/messages.d.ts +2 -0
- package/dist/shared/types/messages.d.ts.map +1 -1
- package/dist/shared/types/screen.d.ts +9 -2
- package/dist/shared/types/screen.d.ts.map +1 -1
- package/package.json +6 -2
- package/src/native/expo/FeedbackRoutes.tsx +37 -3
- package/src/native/expo/FeedbackScreen.tsx +2 -0
- package/src/native/expo/FeedbackStack.tsx +25 -2
- package/src/native/expo/FeedbackStackLayout.tsx +2 -0
- package/src/native/expo/README.md +2 -2
- package/src/native/expo/types.ts +2 -0
- package/src/native/native/FeedbackScreen.tsx +2 -0
- package/src/native/shared/ui/BodyContent.tsx +2 -0
- package/src/native/shared/ui/Button.tsx +12 -3
- package/src/native/shared/ui/FeedbackScreenHeader.tsx +25 -4
- package/src/native/shared/ui/FeedbackScreenList.tsx +47 -8
- package/src/native/shared/ui/NewEntry.tsx +10 -28
- package/src/native/shared/ui/primitives.tsx +90 -0
- package/src/react/primitives.tsx +55 -0
- package/src/react/screen.tsx +67 -33
- package/src/react/styles.css +38 -1
- package/src/shared/context/FeedbackBodyProvider.tsx +6 -0
- package/src/shared/helpers.ts +21 -1
- package/src/shared/messages.ts +1 -0
- package/src/shared/types/choice.ts +10 -0
- package/src/shared/types/index.ts +1 -0
- package/src/shared/types/messages.ts +3 -0
- package/src/shared/types/screen.ts +11 -1
package/dist/shared/helpers.d.ts
CHANGED
|
@@ -1,5 +1,9 @@
|
|
|
1
|
-
import type { EntryKind } from "convex-feedback";
|
|
1
|
+
import type { EntryKind, EntryStatusFilter } from "convex-feedback";
|
|
2
|
+
import type { FeedbackMessages } from "./types/messages.js";
|
|
3
|
+
import type { ChoiceChipOption } from "./types/choice.js";
|
|
2
4
|
export declare const kinds: readonly EntryKind[];
|
|
5
|
+
export declare function createEntryLabel(enabledKinds: readonly EntryKind[], messages: FeedbackMessages): string;
|
|
6
|
+
export declare function entryStatusChoices(messages: FeedbackMessages): readonly ChoiceChipOption<EntryStatusFilter>[];
|
|
3
7
|
export declare function debounce<TArgs extends unknown[]>(callback: (...args: TArgs) => void, delay: number): {
|
|
4
8
|
(...args: TArgs): void;
|
|
5
9
|
cancel(): void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../src/shared/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../src/shared/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACpE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAE1D,eAAO,MAAM,KAAK,EAAE,SAAS,SAAS,EAIrC,CAAC;AAEF,wBAAgB,gBAAgB,CAC9B,YAAY,EAAE,SAAS,SAAS,EAAE,EAClC,QAAQ,EAAE,gBAAgB,GACzB,MAAM,CAIR;AAED,wBAAgB,kBAAkB,CAChC,QAAQ,EAAE,gBAAgB,GACzB,SAAS,gBAAgB,CAAC,iBAAiB,CAAC,EAAE,CAKhD;AAED,wBAAgB,QAAQ,CAAC,KAAK,SAAS,OAAO,EAAE,EAC9C,QAAQ,EAAE,CAAC,GAAG,IAAI,EAAE,KAAK,KAAK,IAAI,EAClC,KAAK,EAAE,MAAM;cAIe,KAAK;;EAkBlC"}
|
package/dist/shared/helpers.js
CHANGED
|
@@ -3,6 +3,17 @@ export const kinds = [
|
|
|
3
3
|
"feature_request",
|
|
4
4
|
"bug_report",
|
|
5
5
|
];
|
|
6
|
+
export function createEntryLabel(enabledKinds, messages) {
|
|
7
|
+
return enabledKinds.length === 1
|
|
8
|
+
? messages.newFeedback[enabledKinds[0]]
|
|
9
|
+
: messages.board.createEntry;
|
|
10
|
+
}
|
|
11
|
+
export function entryStatusChoices(messages) {
|
|
12
|
+
return [
|
|
13
|
+
{ value: "open", label: messages.statuses.open },
|
|
14
|
+
{ value: "closed", label: messages.statuses.closed },
|
|
15
|
+
];
|
|
16
|
+
}
|
|
6
17
|
export function debounce(callback, delay) {
|
|
7
18
|
let timeout;
|
|
8
19
|
const debounced = (...args) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../src/shared/helpers.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../src/shared/helpers.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,MAAM,KAAK,GAAyB;IACzC,UAAU;IACV,iBAAiB;IACjB,YAAY;CACb,CAAC;AAEF,MAAM,UAAU,gBAAgB,CAC9B,YAAkC,EAClC,QAA0B;IAE1B,OAAO,YAAY,CAAC,MAAM,KAAK,CAAC;QAC9B,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC,CAAE,CAAC;QACxC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,WAAW,CAAC;AACjC,CAAC;AAED,MAAM,UAAU,kBAAkB,CAChC,QAA0B;IAE1B,OAAO;QACL,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,CAAC,QAAQ,CAAC,IAAI,EAAE;QAChD,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,CAAC,QAAQ,CAAC,MAAM,EAAE;KACrD,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,QAAQ,CACtB,QAAkC,EAClC,KAAa;IAEb,IAAI,OAAkD,CAAC;IAEvD,MAAM,SAAS,GAAG,CAAC,GAAG,IAAW,EAAE,EAAE;QACnC,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;YAC1B,YAAY,CAAC,OAAO,CAAC,CAAC;QACxB,CAAC;QAED,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YACxB,QAAQ,CAAC,GAAG,IAAI,CAAC,CAAC;QACpB,CAAC,EAAE,KAAK,CAAC,CAAC;IACZ,CAAC,CAAC;IAEF,SAAS,CAAC,MAAM,GAAG,GAAG,EAAE;QACtB,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;YAC1B,YAAY,CAAC,OAAO,CAAC,CAAC;YACtB,OAAO,GAAG,SAAS,CAAC;QACtB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,SAAS,CAAC;AACnB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"messages.d.ts","sourceRoot":"","sources":["../../src/shared/messages.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE1E,eAAO,MAAM,uBAAuB,EAAE,
|
|
1
|
+
{"version":3,"file":"messages.d.ts","sourceRoot":"","sources":["../../src/shared/messages.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE1E,eAAO,MAAM,uBAAuB,EAAE,gBA+ErC,CAAC;AAEF,wBAAgB,qBAAqB,CACnC,SAAS,GAAE,wBAA6B,GACvC,gBAAgB,CAwBlB"}
|
package/dist/shared/messages.js
CHANGED
|
@@ -3,6 +3,7 @@ export const englishFeedbackMessages = {
|
|
|
3
3
|
title: "Feedback",
|
|
4
4
|
subtitle: "Share ideas, report problems, and help shape what comes next.",
|
|
5
5
|
searchPlaceholder: "Search feedback…",
|
|
6
|
+
statusFilter: "Filter by status",
|
|
6
7
|
createEntry: "Create feedback",
|
|
7
8
|
noEntries: "No feedback yet.",
|
|
8
9
|
noSearchResults: "No matching feedback found.",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../src/shared/messages.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../src/shared/messages.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export interface ChoiceChipOption<Value extends string = string> {
|
|
2
|
+
value: Value;
|
|
3
|
+
label: string;
|
|
4
|
+
}
|
|
5
|
+
export interface ChoiceChipsBaseProps<Value extends string = string> {
|
|
6
|
+
options: readonly ChoiceChipOption<Value>[];
|
|
7
|
+
value: Value;
|
|
8
|
+
onValueChange: (value: Value) => void;
|
|
9
|
+
}
|
|
10
|
+
//# sourceMappingURL=choice.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"choice.d.ts","sourceRoot":"","sources":["../../../src/shared/types/choice.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,gBAAgB,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM;IAC7D,KAAK,EAAE,KAAK,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,oBAAoB,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM;IACjE,OAAO,EAAE,SAAS,gBAAgB,CAAC,KAAK,CAAC,EAAE,CAAC;IAC5C,KAAK,EAAE,KAAK,CAAC;IACb,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CACvC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"choice.js","sourceRoot":"","sources":["../../../src/shared/types/choice.ts"],"names":[],"mappings":""}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shared/types/index.ts"],"names":[],"mappings":"AAAA,mBAAmB,YAAY,CAAC;AAChC,mBAAmB,cAAc,CAAC;AAClC,mBAAmB,cAAc,CAAC;AAClC,mBAAmB,YAAY,CAAC;AAChC,mBAAmB,WAAW,CAAC;AAC/B,mBAAmB,eAAe,CAAC;AACnC,mBAAmB,eAAe,CAAC;AACnC,mBAAmB,aAAa,CAAC;AACjC,mBAAmB,aAAa,CAAC;AACjC,mBAAmB,YAAY,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/shared/types/index.ts"],"names":[],"mappings":"AAAA,mBAAmB,YAAY,CAAC;AAChC,mBAAmB,cAAc,CAAC;AAClC,mBAAmB,aAAa,CAAC;AACjC,mBAAmB,cAAc,CAAC;AAClC,mBAAmB,YAAY,CAAC;AAChC,mBAAmB,WAAW,CAAC;AAC/B,mBAAmB,eAAe,CAAC;AACnC,mBAAmB,eAAe,CAAC;AACnC,mBAAmB,aAAa,CAAC;AACjC,mBAAmB,aAAa,CAAC;AACjC,mBAAmB,YAAY,CAAC"}
|
|
@@ -14,6 +14,8 @@ export interface FeedbackMessages {
|
|
|
14
14
|
subtitle: string;
|
|
15
15
|
/** Search input placeholder. */
|
|
16
16
|
searchPlaceholder: string;
|
|
17
|
+
/** Accessible label for the open/closed entry status filter. */
|
|
18
|
+
statusFilter: string;
|
|
17
19
|
/** CTA for opening the create-entry flow.
|
|
18
20
|
* This is shown when enabled kinds are two or more.
|
|
19
21
|
* Use messages.newFeedback for a single-kind entry.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"messages.d.ts","sourceRoot":"","sources":["../../../src/shared/types/messages.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"messages.d.ts","sourceRoot":"","sources":["../../../src/shared/types/messages.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { CommentSort, EntryKind, EntrySort, FeedbackComment, FeedbackEntry } from "convex-feedback";
|
|
1
|
+
import type { CommentSort, EntryKind, EntrySort, EntryStatusFilter, FeedbackComment, FeedbackEntry } from "convex-feedback";
|
|
2
2
|
import type { FeedbackHooks } from "convex-feedback/react";
|
|
3
3
|
import type { ReactNode } from "react";
|
|
4
4
|
import type { FeedbackColorProps, FeedbackProviderProps } from "./context.js";
|
|
@@ -75,11 +75,14 @@ export interface FeedbackScreenBaseProps {
|
|
|
75
75
|
* entry kind. Disabled by default.
|
|
76
76
|
*/
|
|
77
77
|
collectMetadata?: CollectMetadata;
|
|
78
|
+
/** Optional host-owned content rendered above the empty-state message. */
|
|
79
|
+
emptyState?: ReactNode;
|
|
78
80
|
}
|
|
79
81
|
export interface FeedbackScreenRootProps extends Omit<FeedbackProviderProps, "children">, FeedbackColorProps, FeedbackScreenBaseProps, FeedbackScreenTransformationProps {
|
|
80
82
|
}
|
|
81
|
-
export interface FeedbackScreenProviderProps extends Required<Omit<FeedbackScreenBaseProps, "collectMetadata">>, FeedbackScreenTransformationProps {
|
|
83
|
+
export interface FeedbackScreenProviderProps extends Required<Omit<FeedbackScreenBaseProps, "collectMetadata" | "emptyState">>, FeedbackScreenTransformationProps {
|
|
82
84
|
collectMetadata?: CollectMetadata;
|
|
85
|
+
emptyState?: ReactNode;
|
|
83
86
|
collectStandardMetadata: StandardMetadataCollector;
|
|
84
87
|
}
|
|
85
88
|
export interface FeedbackScreenBodyContextValue extends FeedbackScreenTransformationProps, FeedbackScreenProviderProps {
|
|
@@ -88,11 +91,13 @@ export interface FeedbackScreenBodyContextValue extends FeedbackScreenTransforma
|
|
|
88
91
|
showForm: boolean;
|
|
89
92
|
isSearching: boolean;
|
|
90
93
|
selectedEntryId: string | null;
|
|
94
|
+
statusFilter: EntryStatusFilter;
|
|
91
95
|
setQuery: React.Dispatch<React.SetStateAction<string>>;
|
|
92
96
|
setDebouncedQuery: React.Dispatch<React.SetStateAction<string>>;
|
|
93
97
|
setShowForm: React.Dispatch<React.SetStateAction<boolean>>;
|
|
94
98
|
setIsSearching: React.Dispatch<React.SetStateAction<boolean>>;
|
|
95
99
|
setSelectedEntryId: React.Dispatch<React.SetStateAction<string | null>>;
|
|
100
|
+
setStatusFilter: React.Dispatch<React.SetStateAction<EntryStatusFilter>>;
|
|
96
101
|
}
|
|
97
102
|
export type FeedbackScreenBodyProps = FeedbackColorProps;
|
|
98
103
|
export interface FeedbackScreenListProps {
|
|
@@ -110,6 +115,8 @@ export interface FeedbackScreenListProps {
|
|
|
110
115
|
* @default true
|
|
111
116
|
*/
|
|
112
117
|
showSelectedEntry?: boolean;
|
|
118
|
+
/** Callback for the empty-state create-entry action. */
|
|
119
|
+
onCreateEntry?: () => void;
|
|
113
120
|
}
|
|
114
121
|
export interface FeedbackScreenContentProps extends FeedbackColorProps, Partial<FeedbackScreenListProps> {
|
|
115
122
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"screen.d.ts","sourceRoot":"","sources":["../../../src/shared/types/screen.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,WAAW,EACX,SAAS,EACT,SAAS,EACT,eAAe,EACf,aAAa,EACd,MAAM,iBAAiB,CAAC;AACzB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAC9E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AAEhE;;;;;GAKG;AACH,MAAM,MAAM,wBAAwB,GAAG,CACrC,QAAQ,EAAE,SAAS,eAAe,EAAE,KACjC,SAAS,eAAe,EAAE,CAAC;AAEhC;;;;;GAKG;AACH,MAAM,MAAM,qBAAqB,GAAG,CAAC,OAAO,EAAE,MAAM,KAAK,SAAS,CAAC;AAEnE,MAAM,WAAW,iCAAiC;IAChD;;;OAGG;IACH,iBAAiB,CAAC,EAAE,wBAAwB,CAAC;IAE7C;;;OAGG;IACH,WAAW,CAAC,EAAE,qBAAqB,CAAC;CACrC;AAED,MAAM,WAAW,uBAAuB;IACtC,gDAAgD;IAChD,KAAK,EAAE,aAAa,CAAC;IAErB;;;;OAIG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAE1B;;;;;;;OAOG;IACH,YAAY,CAAC,EAAE,SAAS,SAAS,EAAE,CAAC;IAEpC;;;;;;;OAOG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;;OAGG;IACH,eAAe,CAAC,EAAE,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"screen.d.ts","sourceRoot":"","sources":["../../../src/shared/types/screen.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,8 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "convex-feedback-ui",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.7",
|
|
4
4
|
"description": "Customizable React and React Native UI primitives for convex-feedback.",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
|
+
"repository": {
|
|
7
|
+
"type": "git",
|
|
8
|
+
"url": "https://github.com/Moumen-io/convex-feedback.git"
|
|
9
|
+
},
|
|
6
10
|
"type": "module",
|
|
7
11
|
"sideEffects": [
|
|
8
12
|
"./dist/react/styles.css"
|
|
@@ -36,7 +40,7 @@
|
|
|
36
40
|
"prepack": "npm run build"
|
|
37
41
|
},
|
|
38
42
|
"peerDependencies": {
|
|
39
|
-
"convex-feedback": "^0.1.
|
|
43
|
+
"convex-feedback": "^0.1.5",
|
|
40
44
|
"react": ">=18.2.0",
|
|
41
45
|
"react-native": ">=0.83.0",
|
|
42
46
|
"react-native-safe-area-context": ">=5.4.0",
|
|
@@ -5,6 +5,7 @@ import type { EntryKind } from "convex-feedback";
|
|
|
5
5
|
|
|
6
6
|
import { useFeedbackBody } from "../../shared/context/FeedbackBodyProvider.js";
|
|
7
7
|
import { useFeedbackUi } from "../../shared/context/FeedbackProvider.js";
|
|
8
|
+
import { createEntryLabel, entryStatusChoices } from "../../shared/helpers.js";
|
|
8
9
|
import { EntryDetail } from "../shared/ui/EntryDetail.js";
|
|
9
10
|
import { FeedbackScreenList } from "../shared/ui/FeedbackScreenList.js";
|
|
10
11
|
import { CreateEntryForm } from "../shared/ui/NewEntry.js";
|
|
@@ -14,7 +15,15 @@ import { useRoutedFeedbackModal } from "./RoutedFeedbackModalContext.js";
|
|
|
14
15
|
import { useRoutedFeedback } from "./RoutedFeedbackContext.js";
|
|
15
16
|
|
|
16
17
|
export function FeedbackBoardScreen() {
|
|
17
|
-
const {
|
|
18
|
+
const {
|
|
19
|
+
query,
|
|
20
|
+
isSearching,
|
|
21
|
+
setQuery,
|
|
22
|
+
setIsSearching,
|
|
23
|
+
enabledKinds,
|
|
24
|
+
statusFilter,
|
|
25
|
+
setStatusFilter,
|
|
26
|
+
} = useFeedbackBody();
|
|
18
27
|
const { messages, theme } = useFeedbackUi();
|
|
19
28
|
const { routes, colors, androidToolbarIcons } = useRoutedFeedback();
|
|
20
29
|
const router = useRouter();
|
|
@@ -41,6 +50,11 @@ export function FeedbackBoardScreen() {
|
|
|
41
50
|
showSelectedEntry={false}
|
|
42
51
|
hideBackButton
|
|
43
52
|
onEntryOpen={openEntry}
|
|
53
|
+
onCreateEntry={() =>
|
|
54
|
+
router.push(feedbackRouteHref(routes.create), {
|
|
55
|
+
relativeToDirectory: true,
|
|
56
|
+
})
|
|
57
|
+
}
|
|
44
58
|
/>
|
|
45
59
|
</FeedbackBoard.Root>
|
|
46
60
|
|
|
@@ -50,7 +64,7 @@ export function FeedbackBoardScreen() {
|
|
|
50
64
|
process.env.EXPO_OS === "ios" ? "plus" : androidToolbarIcons.create
|
|
51
65
|
}
|
|
52
66
|
variant="prominent"
|
|
53
|
-
accessibilityLabel={messages
|
|
67
|
+
accessibilityLabel={createEntryLabel(enabledKinds, messages)}
|
|
54
68
|
onPress={() =>
|
|
55
69
|
router.push(feedbackRouteHref(routes.create), {
|
|
56
70
|
relativeToDirectory: true,
|
|
@@ -58,7 +72,7 @@ export function FeedbackBoardScreen() {
|
|
|
58
72
|
}
|
|
59
73
|
tintColor={theme.colors.primary}
|
|
60
74
|
>
|
|
61
|
-
{messages
|
|
75
|
+
{createEntryLabel(enabledKinds, messages)}
|
|
62
76
|
</Stack.Toolbar.Button>
|
|
63
77
|
</Stack.Toolbar>
|
|
64
78
|
<Stack.Toolbar placement="left">
|
|
@@ -88,6 +102,26 @@ export function FeedbackBoardScreen() {
|
|
|
88
102
|
/>
|
|
89
103
|
<Stack.Toolbar placement="bottom">
|
|
90
104
|
<Stack.Toolbar.SearchBarSlot />
|
|
105
|
+
<Stack.Toolbar.Menu
|
|
106
|
+
icon={
|
|
107
|
+
process.env.EXPO_OS === "ios"
|
|
108
|
+
? "line.3.horizontal.decrease"
|
|
109
|
+
: androidToolbarIcons.filter
|
|
110
|
+
}
|
|
111
|
+
title={messages.board.statusFilter}
|
|
112
|
+
accessibilityLabel={messages.board.statusFilter}
|
|
113
|
+
tintColor={theme.colors.primary}
|
|
114
|
+
>
|
|
115
|
+
{entryStatusChoices(messages).map(({ value, label }) => (
|
|
116
|
+
<Stack.Toolbar.MenuAction
|
|
117
|
+
key={value}
|
|
118
|
+
isOn={statusFilter === value}
|
|
119
|
+
onPress={() => setStatusFilter(value)}
|
|
120
|
+
>
|
|
121
|
+
{label}
|
|
122
|
+
</Stack.Toolbar.MenuAction>
|
|
123
|
+
))}
|
|
124
|
+
</Stack.Toolbar.Menu>
|
|
91
125
|
</Stack.Toolbar>
|
|
92
126
|
</>
|
|
93
127
|
);
|
|
@@ -16,6 +16,7 @@ export function FeedbackScreen({
|
|
|
16
16
|
maxCommentDepth = 5,
|
|
17
17
|
debounceDuration = 300,
|
|
18
18
|
collectMetadata,
|
|
19
|
+
emptyState,
|
|
19
20
|
transformComments,
|
|
20
21
|
renderActor,
|
|
21
22
|
...props
|
|
@@ -30,6 +31,7 @@ export function FeedbackScreen({
|
|
|
30
31
|
maxCommentDepth={maxCommentDepth}
|
|
31
32
|
debounceDuration={debounceDuration}
|
|
32
33
|
collectMetadata={collectMetadata}
|
|
34
|
+
emptyState={emptyState}
|
|
33
35
|
collectStandardMetadata={collectExpoMetadata}
|
|
34
36
|
transformComments={transformComments}
|
|
35
37
|
renderActor={renderActor}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { Stack, useRouter } from "expo-router";
|
|
2
2
|
import { useFeedbackBody } from "../../shared/context/FeedbackBodyProvider";
|
|
3
3
|
import { useFeedbackUi } from "../../shared/context/FeedbackProvider";
|
|
4
|
+
import { createEntryLabel, entryStatusChoices } from "../../shared/helpers";
|
|
4
5
|
import type { FeedbackStackProps } from "./types";
|
|
5
6
|
|
|
6
7
|
export function FeedbackStack({
|
|
@@ -17,6 +18,8 @@ export function FeedbackStack({
|
|
|
17
18
|
setShowForm,
|
|
18
19
|
setIsSearching,
|
|
19
20
|
setSelectedEntryId,
|
|
21
|
+
statusFilter,
|
|
22
|
+
setStatusFilter,
|
|
20
23
|
} = useFeedbackBody();
|
|
21
24
|
const { messages, theme } = useFeedbackUi();
|
|
22
25
|
const router = useRouter();
|
|
@@ -59,11 +62,11 @@ export function FeedbackStack({
|
|
|
59
62
|
process.env.EXPO_OS === "ios" ? "plus" : androidToolbarIcons.create
|
|
60
63
|
}
|
|
61
64
|
variant="prominent"
|
|
62
|
-
accessibilityLabel={messages
|
|
65
|
+
accessibilityLabel={createEntryLabel(enabledKinds, messages)}
|
|
63
66
|
onPress={() => setShowForm(true)}
|
|
64
67
|
tintColor={theme.colors.primary}
|
|
65
68
|
>
|
|
66
|
-
{messages
|
|
69
|
+
{createEntryLabel(enabledKinds, messages)}
|
|
67
70
|
</Stack.Toolbar.Button>
|
|
68
71
|
</Stack.Toolbar>
|
|
69
72
|
<Stack.Toolbar placement="left">
|
|
@@ -105,6 +108,26 @@ export function FeedbackStack({
|
|
|
105
108
|
/>
|
|
106
109
|
<Stack.Toolbar placement="bottom">
|
|
107
110
|
<Stack.Toolbar.SearchBarSlot />
|
|
111
|
+
<Stack.Toolbar.Menu
|
|
112
|
+
icon={
|
|
113
|
+
process.env.EXPO_OS === "ios"
|
|
114
|
+
? "line.3.horizontal.decrease"
|
|
115
|
+
: androidToolbarIcons.filter
|
|
116
|
+
}
|
|
117
|
+
title={messages.board.statusFilter}
|
|
118
|
+
accessibilityLabel={messages.board.statusFilter}
|
|
119
|
+
tintColor={theme.colors.primary}
|
|
120
|
+
>
|
|
121
|
+
{entryStatusChoices(messages).map(({ value, label }) => (
|
|
122
|
+
<Stack.Toolbar.MenuAction
|
|
123
|
+
key={value}
|
|
124
|
+
isOn={statusFilter === value}
|
|
125
|
+
onPress={() => setStatusFilter(value)}
|
|
126
|
+
>
|
|
127
|
+
{label}
|
|
128
|
+
</Stack.Toolbar.MenuAction>
|
|
129
|
+
))}
|
|
130
|
+
</Stack.Toolbar.Menu>
|
|
108
131
|
</Stack.Toolbar>
|
|
109
132
|
</>
|
|
110
133
|
);
|
|
@@ -21,6 +21,7 @@ export function FeedbackStackLayout({
|
|
|
21
21
|
maxCommentDepth = 5,
|
|
22
22
|
debounceDuration = 300,
|
|
23
23
|
collectMetadata,
|
|
24
|
+
emptyState,
|
|
24
25
|
transformComments,
|
|
25
26
|
renderActor,
|
|
26
27
|
routes: routeOverrides,
|
|
@@ -72,6 +73,7 @@ export function FeedbackStackLayout({
|
|
|
72
73
|
maxCommentDepth={maxCommentDepth}
|
|
73
74
|
debounceDuration={debounceDuration}
|
|
74
75
|
collectMetadata={collectMetadata}
|
|
76
|
+
emptyState={emptyState}
|
|
75
77
|
collectStandardMetadata={collectExpoMetadata}
|
|
76
78
|
transformComments={transformComments}
|
|
77
79
|
renderActor={renderActor}
|
|
@@ -34,8 +34,8 @@ suggested entries retain the form behind them. Use
|
|
|
34
34
|
|
|
35
35
|
Toolbar actions retain their package-provided SF Symbols on iOS. Pass
|
|
36
36
|
`androidToolbarIcons` to `FeedbackScreen` or `FeedbackStackLayout` with Android
|
|
37
|
-
`ImageSourcePropType` values for the create, back, and
|
|
38
|
-
Android images fall back to text labels.
|
|
37
|
+
`ImageSourcePropType` values for the create, back, close, and filter actions.
|
|
38
|
+
Missing Android images fall back to text labels.
|
|
39
39
|
|
|
40
40
|
The existing `FeedbackScreen` remains the self-contained API for conditional
|
|
41
41
|
in-screen navigation.
|
package/src/native/expo/types.ts
CHANGED
|
@@ -52,6 +52,8 @@ export interface FeedbackAndroidToolbarIcons {
|
|
|
52
52
|
back?: ImageSourcePropType;
|
|
53
53
|
/** Android image source for modal close actions. */
|
|
54
54
|
close?: ImageSourcePropType;
|
|
55
|
+
/** Android image source for the open/closed status filter. */
|
|
56
|
+
filter?: ImageSourcePropType;
|
|
55
57
|
}
|
|
56
58
|
|
|
57
59
|
export interface FeedbackStackLayoutProps extends FeedbackScreenRootProps {
|
|
@@ -16,6 +16,7 @@ export function FeedbackScreen({
|
|
|
16
16
|
maxCommentDepth = 5,
|
|
17
17
|
debounceDuration = 300,
|
|
18
18
|
collectMetadata,
|
|
19
|
+
emptyState,
|
|
19
20
|
transformComments,
|
|
20
21
|
renderActor,
|
|
21
22
|
...props
|
|
@@ -30,6 +31,7 @@ export function FeedbackScreen({
|
|
|
30
31
|
maxCommentDepth={maxCommentDepth}
|
|
31
32
|
debounceDuration={debounceDuration}
|
|
32
33
|
collectMetadata={collectMetadata}
|
|
34
|
+
emptyState={emptyState}
|
|
33
35
|
collectStandardMetadata={collectNativeMetadata}
|
|
34
36
|
transformComments={transformComments}
|
|
35
37
|
renderActor={renderActor}
|
|
@@ -9,6 +9,7 @@ export function FeedbackScreenContent({
|
|
|
9
9
|
showHeader = true,
|
|
10
10
|
hideBackButton = false,
|
|
11
11
|
onEntryOpen,
|
|
12
|
+
onCreateEntry,
|
|
12
13
|
...colors
|
|
13
14
|
}: FeedbackScreenContentProps) {
|
|
14
15
|
const { showForm, setShowForm, setSelectedEntryId } = useFeedbackBody();
|
|
@@ -26,6 +27,7 @@ export function FeedbackScreenContent({
|
|
|
26
27
|
<FeedbackScreenList
|
|
27
28
|
hideBackButton={hideBackButton}
|
|
28
29
|
onEntryOpen={handleEntryOpen}
|
|
30
|
+
onCreateEntry={onCreateEntry}
|
|
29
31
|
/>
|
|
30
32
|
</FeedbackBoard.Root>
|
|
31
33
|
|
|
@@ -4,24 +4,33 @@ import { useFeedbackUi } from "../../../shared/context/FeedbackProvider.js";
|
|
|
4
4
|
export function Button({
|
|
5
5
|
label,
|
|
6
6
|
onPress,
|
|
7
|
+
variant = "default",
|
|
7
8
|
}: {
|
|
8
9
|
label: string;
|
|
9
10
|
onPress: () => void;
|
|
11
|
+
variant?: "default" | "primary";
|
|
10
12
|
}) {
|
|
11
13
|
const { theme } = useFeedbackUi();
|
|
14
|
+
const primary = variant === "primary";
|
|
12
15
|
return (
|
|
13
16
|
<Pressable
|
|
14
17
|
onPress={onPress}
|
|
15
18
|
style={{
|
|
16
|
-
alignSelf: "flex-start",
|
|
19
|
+
alignSelf: primary ? "center" : "flex-start",
|
|
17
20
|
paddingVertical: 8,
|
|
18
21
|
paddingHorizontal: 11,
|
|
19
22
|
borderRadius: 8,
|
|
20
23
|
borderWidth: 1,
|
|
21
|
-
borderColor: theme.colors.border,
|
|
24
|
+
borderColor: primary ? theme.colors.primary : theme.colors.border,
|
|
25
|
+
backgroundColor: primary ? theme.colors.primary : undefined,
|
|
22
26
|
}}
|
|
23
27
|
>
|
|
24
|
-
<Text
|
|
28
|
+
<Text
|
|
29
|
+
style={{
|
|
30
|
+
color: primary ? theme.colors.primaryForeground : theme.colors.text,
|
|
31
|
+
fontWeight: "600",
|
|
32
|
+
}}
|
|
33
|
+
>
|
|
25
34
|
{label}
|
|
26
35
|
</Text>
|
|
27
36
|
</Pressable>
|
|
@@ -2,10 +2,19 @@ import { Pressable, Text } from "react-native";
|
|
|
2
2
|
import { useSafeAreaInsets } from "react-native-safe-area-context";
|
|
3
3
|
import { useFeedbackBody } from "../../../shared/context/FeedbackBodyProvider";
|
|
4
4
|
import { useFeedbackUi } from "../../../shared/context/FeedbackProvider";
|
|
5
|
-
import {
|
|
5
|
+
import { createEntryLabel, entryStatusChoices } from "../../../shared/helpers";
|
|
6
|
+
import { ChoiceChips, FeedbackBoard } from "./primitives";
|
|
6
7
|
|
|
7
8
|
export function FeedbackScreenHeader() {
|
|
8
|
-
const {
|
|
9
|
+
const {
|
|
10
|
+
query,
|
|
11
|
+
setShowForm,
|
|
12
|
+
setQuery,
|
|
13
|
+
setIsSearching,
|
|
14
|
+
enabledKinds,
|
|
15
|
+
statusFilter,
|
|
16
|
+
setStatusFilter,
|
|
17
|
+
} = useFeedbackBody();
|
|
9
18
|
const { messages, theme } = useFeedbackUi();
|
|
10
19
|
const { top } = useSafeAreaInsets();
|
|
11
20
|
|
|
@@ -20,6 +29,12 @@ export function FeedbackScreenHeader() {
|
|
|
20
29
|
<Text style={{ color: theme.colors.mutedText }}>
|
|
21
30
|
{messages.board.subtitle}
|
|
22
31
|
</Text>
|
|
32
|
+
<ChoiceChips
|
|
33
|
+
accessibilityLabel={messages.board.statusFilter}
|
|
34
|
+
options={entryStatusChoices(messages)}
|
|
35
|
+
value={statusFilter}
|
|
36
|
+
onValueChange={setStatusFilter}
|
|
37
|
+
/>
|
|
23
38
|
<Pressable
|
|
24
39
|
onPress={() => setShowForm(true)}
|
|
25
40
|
style={{
|
|
@@ -33,10 +48,16 @@ export function FeedbackScreenHeader() {
|
|
|
33
48
|
<Text
|
|
34
49
|
style={{ color: theme.colors.primaryForeground, fontWeight: "700" }}
|
|
35
50
|
>
|
|
36
|
-
{messages
|
|
51
|
+
{createEntryLabel(enabledKinds, messages)}
|
|
37
52
|
</Text>
|
|
38
53
|
</Pressable>
|
|
39
|
-
<FeedbackBoard.Search
|
|
54
|
+
<FeedbackBoard.Search
|
|
55
|
+
value={query}
|
|
56
|
+
onValueChange={(q) => {
|
|
57
|
+
setQuery(q);
|
|
58
|
+
setIsSearching(q.trim().length > 0);
|
|
59
|
+
}}
|
|
60
|
+
/>
|
|
40
61
|
</FeedbackBoard.Header>
|
|
41
62
|
);
|
|
42
63
|
}
|
|
@@ -1,5 +1,8 @@
|
|
|
1
|
+
import { Text } from "react-native";
|
|
2
|
+
|
|
1
3
|
import { useFeedbackBody } from "../../../shared/context/FeedbackBodyProvider.js";
|
|
2
4
|
import { useFeedbackUi } from "../../../shared/context/FeedbackProvider.js";
|
|
5
|
+
import { createEntryLabel } from "../../../shared/helpers.js";
|
|
3
6
|
import type { FeedbackScreenListProps } from "../../../shared/types/index.js";
|
|
4
7
|
import { Button } from "./Button.js";
|
|
5
8
|
import { EntryCard } from "./EntryCard.js";
|
|
@@ -10,46 +13,82 @@ export function FeedbackScreenList({
|
|
|
10
13
|
hideBackButton = false,
|
|
11
14
|
showSelectedEntry = true,
|
|
12
15
|
onEntryOpen,
|
|
16
|
+
onCreateEntry,
|
|
13
17
|
}: FeedbackScreenListProps) {
|
|
14
18
|
const {
|
|
15
19
|
hooks,
|
|
16
20
|
entrySort,
|
|
17
21
|
isSearching,
|
|
18
22
|
enabledKinds,
|
|
23
|
+
statusFilter,
|
|
19
24
|
selectedEntryId,
|
|
20
25
|
debouncedQuery,
|
|
21
26
|
setSelectedEntryId,
|
|
27
|
+
setShowForm,
|
|
28
|
+
emptyState,
|
|
22
29
|
} = useFeedbackBody();
|
|
23
30
|
const { messages, theme } = useFeedbackUi();
|
|
24
31
|
|
|
25
|
-
const list = hooks.useEntries({
|
|
32
|
+
const list = hooks.useEntries({
|
|
33
|
+
sort: entrySort,
|
|
34
|
+
kinds: enabledKinds,
|
|
35
|
+
statusFilter,
|
|
36
|
+
});
|
|
26
37
|
const search = hooks.useSearchEntries({
|
|
27
38
|
searchQuery: debouncedQuery,
|
|
28
39
|
kinds: enabledKinds,
|
|
40
|
+
statusFilter,
|
|
29
41
|
});
|
|
30
42
|
|
|
31
43
|
const entries = isSearching ? search : list.results;
|
|
44
|
+
const createEntry = onCreateEntry ?? (() => setShowForm(true));
|
|
45
|
+
|
|
46
|
+
const loading = isSearching
|
|
47
|
+
? search === undefined
|
|
48
|
+
: list.status === "LoadingFirstPage";
|
|
32
49
|
|
|
33
50
|
return (
|
|
34
51
|
<>
|
|
35
|
-
|
|
36
|
-
{
|
|
52
|
+
{showSelectedEntry && selectedEntryId ? (
|
|
53
|
+
<FeedbackBoard.List style={{ padding: theme.spacing }}>
|
|
37
54
|
<EntryDetail
|
|
38
55
|
entryId={selectedEntryId}
|
|
39
56
|
hideBackButton={hideBackButton}
|
|
40
57
|
onBack={() => setSelectedEntryId(null)}
|
|
41
58
|
/>
|
|
42
|
-
|
|
43
|
-
|
|
59
|
+
</FeedbackBoard.List>
|
|
60
|
+
) : loading ? (
|
|
61
|
+
<FeedbackBoard.State>
|
|
62
|
+
<Text style={{ color: theme.colors.mutedText }}>
|
|
63
|
+
{messages.board.loading}
|
|
64
|
+
</Text>
|
|
65
|
+
</FeedbackBoard.State>
|
|
66
|
+
) : entries !== undefined && entries.length === 0 ? (
|
|
67
|
+
<FeedbackBoard.State>
|
|
68
|
+
{emptyState}
|
|
69
|
+
<Text style={{ color: theme.colors.mutedText, textAlign: "center" }}>
|
|
70
|
+
{isSearching
|
|
71
|
+
? messages.board.noSearchResults
|
|
72
|
+
: messages.board.noEntries}
|
|
73
|
+
</Text>
|
|
74
|
+
<Button
|
|
75
|
+
label={createEntryLabel(enabledKinds, messages)}
|
|
76
|
+
onPress={createEntry}
|
|
77
|
+
variant="primary"
|
|
78
|
+
/>
|
|
79
|
+
</FeedbackBoard.State>
|
|
80
|
+
) : (
|
|
81
|
+
<FeedbackBoard.List style={{ padding: theme.spacing }}>
|
|
82
|
+
{(entries ?? []).map((entry) => (
|
|
44
83
|
<EntryCard
|
|
45
84
|
key={entry.id}
|
|
46
85
|
entry={entry}
|
|
47
86
|
hooks={hooks}
|
|
48
87
|
onOpen={() => onEntryOpen(entry.id)}
|
|
49
88
|
/>
|
|
50
|
-
))
|
|
51
|
-
|
|
52
|
-
|
|
89
|
+
))}
|
|
90
|
+
</FeedbackBoard.List>
|
|
91
|
+
)}
|
|
53
92
|
|
|
54
93
|
{!isSearching && list.status === "CanLoadMore" && (
|
|
55
94
|
<Button
|