update editor

Prototypr · Aug 24, 2024 · 376f8de · 376f8de
1 parent ec25460
commit 376f8de
Show file tree

Hide file tree

Showing 4 changed files with 33 additions and 125 deletions.
diff --git a/app/typr/PageContent.js b/app/typr/PageContent.js
@@ -492,6 +492,9 @@ function DemoPageContent() {
                     </div>
                     <IndexedDBBrowser
                       data={data}
+                      reset={()=>{
+                        setPostId(-1)
+                      }}
                       onDelete={fetchData}
                       router={router}
                       searchParams={searchParams}

diff --git a/components/typr-demo/IndexedDBBrowser.js b/components/typr-demo/IndexedDBBrowser.js
@@ -4,7 +4,7 @@ import { DB_NAME, STORE_NAME } from "@/lib/typr-demo/indexedDB"; // Import the I
 import { TrashIcon } from "@radix-ui/react-icons"; // Import the Radix TrashIcon
 import { PlusIcon } from "@radix-ui/react-icons"; // Import the Radix PlusIcon
 
-const IndexedDBBrowser = ({ data, onDelete, router, searchParams }) => {
+const IndexedDBBrowser = ({ data, onDelete, router, searchParams, reset }) => {
   const deleteRow = async id => {
     // const db = await openDB(DB_NAME, 1);
     const db = await openDB(DB_NAME);
@@ -15,8 +15,9 @@ const IndexedDBBrowser = ({ data, onDelete, router, searchParams }) => {
     onDelete(); // Fetch data again after deletion
   };
 
-  const handleCreateNew = () => {
+  const handleCreateNew = reset => {
     router.push("/typr");
+    reset();
   };
 
   return (
@@ -27,14 +28,22 @@ const IndexedDBBrowser = ({ data, onDelete, router, searchParams }) => {
         ) : (
           <>
             {data.map(entry => (
-              <Card key={entry.id} entry={entry} router={router} searchParams={searchParams} onDelete={deleteRow} />
+              <Card
+                key={entry.id}
+                entry={entry}
+                router={router}
+                searchParams={searchParams}
+                onDelete={deleteRow}
+              />
             ))}
             <div
               className="bg-gradient-to-b group from-slate-100 transition transition-all duration-600 to-slate-50 hover:shadow border border-dotted border-gray-300/70 rounded-lg p-2 mb-4 relative group cursor-pointer flex items-center justify-center"
               onClick={handleCreateNew}
             >
               <PlusIcon className="text-gray-500" />
-              <span className="ml-2 text-sm group-hover:text-gray-800 text-gray-500">Start New</span>
+              <span className="ml-2 text-sm group-hover:text-gray-800 text-gray-500">
+                Start New
+              </span>
             </div>
           </>
         )}
@@ -71,7 +80,9 @@ const Card = ({ entry, onDelete, router, searchParams }) => {
 
   return (
     <div
-      className={`bg-gradient-to-b from-slate-100 transition transition-all duration-600 to-slate-50 hover:shadow border border-gray-300/70 rounded-lg p-2 mb-4 relative group hover:from-white hover:to-white cursor-pointer ${isActive ? 'border-gray-500 from-white to-white' : ''}`}
+      className={`bg-gradient-to-b from-slate-100 transition transition-all duration-600 to-slate-50 hover:shadow border border-gray-300/70 rounded-lg p-2 mb-4 relative group hover:from-white hover:to-white cursor-pointer ${
+        isActive ? "border-gray-500 from-white to-white" : ""
+      }`}
       onClick={handleClick}
     >
       <div className="flex justify-between items-start">
@@ -97,4 +108,4 @@ const Card = ({ entry, onDelete, router, searchParams }) => {
       </div>
     </div>
   );
-};
+};
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -140,7 +140,7 @@
     "swiper": "^8.0.0",
     "swr": "^1.3.0",
     "tailwindcss-border-gradient-radius": "^3.0.1",
-    "tiptypr": "^0.0.90",
+    "tiptypr": "^0.0.91",
     "tsparticles": "^2.7.1",
     "uuidv4": "^6.2.13",
     "yup": "^0.32.11",
@@ -168,7 +168,7 @@
     "tailwindcss-scoped-groups": "^2.0.0"
   },
   "optionalDependencies": {
-    "@prototypr/paper-interview": "^0.0.475",
+    "@prototypr/paper-interview": "^0.0.476",
     "@prototypr/prototypr-postie": "^1.0.91"
   }
 }