convex-feedback-ui 0.2.0-beta.6 → 0.2.0-beta.7

package/README.md

@@ -61,6 +61,11 @@ The default stylesheet:
 - allows normal host CSS, Tailwind, or CSS-module classes to override defaults;
 - can be omitted entirely if you want to provide your own styling.
 
+On entry detail, the prebuilt feedback screens show an Edit action only when the server identifies the current viewer as the entry author. The form edits the title and details; entry type remains admin-controlled. The backend rechecks authorship when the update mutation runs, so hiding the action is
+only a presentation convenience and is not the authorization boundary. Stack-enabled Expo screens place this action in the native right toolbar; non-stacked native screens keep it alongside the entry details.
+
+In stack mode, opening the action pushes a native form-sheet editor on iOS (and a modal stack screen on Android) with cancel and save controls in the top toolbar. Edit-screen copy is configurable through `messages.form`.
+
 Key colors can be overridden directly:
 
 ```tsx
@@ -69,6 +74,7 @@ Key colors can be overridden directly:
   primaryColor="#6d5efc"
   backgroundColor="#0d0d10"
   surfaceColor="#17171b"
+  inputColor="#1f1f25"
   textColor="#ffffff"
   mutedColor="#a0a0aa"
   borderColor="#2d2d34"
@@ -91,6 +97,7 @@ import { FeedbackScreen } from "convex-feedback-ui/native";
       primary: "#6d5efc",
       background: "#ffffff",
       surface: "#ffffff",
+      input: "#f7f7fa",
     },
   }}
 />;
@@ -114,6 +121,7 @@ import { FeedbackScreen } from "convex-feedback-ui/expo";
       primary: "#6d5efc",
       background: "#ffffff",
       surface: "#ffffff",
+      input: "#f7f7fa",
     },
   }}
 />;
@@ -161,6 +169,8 @@ its text label:
   hooks={feedbackHooks}
   androidToolbarIcons={{
     create: require("./assets/add.png"),
+    edit: require("./assets/edit.png"),
+    save: require("./assets/check.png"),
     back: require("./assets/back.png"),
   }}
 />
@@ -196,11 +206,12 @@ small route files while the package supplies their layouts and screens:
 app/feedback/
 ├── _layout.tsx
 ├── index.tsx
-├── [entryId].tsx
+├── [entryId]/
+│   ├── index.tsx
+│   └── edit.tsx
 └── new/
     ├── _layout.tsx
-    ├── index.tsx
-    └── [entryId].tsx
+    └── index.tsx
 ```
 
 The layout owns the feedback providers and keeps them mounted across the board,
@@ -222,6 +233,8 @@ export default function Layout() {
       hooks={feedbackHooks}
       androidToolbarIcons={{
         create: require("../../assets/add.png"),
+        edit: require("../../assets/edit.png"),
+        save: require("../../assets/check.png"),
         back: require("../../assets/back.png"),
         close: require("../../assets/close.png"),
       }}
@@ -240,9 +253,12 @@ Each page file only needs to re-export its package screen:
 // app/feedback/index.tsx
 export { FeedbackBoardScreen as default } from "convex-feedback-ui/expo";
 
-// app/feedback/[entryId].tsx
+// app/feedback/[entryId]/index.tsx
 export { FeedbackEntryScreen as default } from "convex-feedback-ui/expo";
 
+// app/feedback/[entryId]/edit.tsx
+export { FeedbackEditScreen as default } from "convex-feedback-ui/expo";
+
 // app/feedback/new/_layout.tsx
 import {
   FeedbackCreateStackLayout,
@@ -254,9 +270,6 @@ export default FeedbackCreateStackLayout;
 
 // app/feedback/new/index.tsx
 export { CreateFeedbackScreen as default } from "convex-feedback-ui/expo";
-
-// app/feedback/new/[entryId].tsx
-export { FeedbackEntryScreen as default } from "convex-feedback-ui/expo";
 ```
 
 `FeedbackStackLayout` uses these route names by default:
@@ -265,18 +278,20 @@ export { FeedbackEntryScreen as default } from "convex-feedback-ui/expo";
 {
   board: "index",
   entry: "[entryId]",
+  edit: "[entryId]/edit",
   create: "new",
 }
 ```
 
 Names can be partially overridden when the files use a different structure.
 The create name identifies its nested route directory, and the entry route must
-exist both beside that directory and inside it while retaining the `[entryId]`
-dynamic segment:
+retain the `[entryId]` dynamic segment. The edit route must be nested beneath
+the entry route:
 
 ```tsx
 const routes = {
   entry: "entry/[entryId]",
+  edit: "entry/[entryId]/edit",
   create: "create",
 };
 
@@ -287,7 +302,7 @@ export default function Layout() {
 }
 ```
 
-The board's search and loaded list remain mounted when another screen is pushed, so returning restores the prior query and scroll position. The create route is a modal navigator by default. Duplicate suggestions push the normal detail screen inside that modal's stack, with back and close controls. After creation, the complete modal is dismissed and the created entry replaces it on the board stack.
+The board's search and loaded list remain mounted when another screen is pushed, so returning restores the prior query and scroll position. The create route is a modal navigator by default. Duplicate suggestions push the main entry-detail route, with the create modal remaining available behind it. After creation, the complete modal is dismissed and the created entry replaces it on the board stack.
 
 See `packages/example-expo-routed` for a complete application.