@kaspernj/api-maker 1.0.306 → 1.0.308

package/package.json

@@ -16,7 +16,7 @@
     ]
   },
   "name": "@kaspernj/api-maker",
-  "version": "1.0.306",
+  "version": "1.0.308",
   "type": "module",
   "description": "",
   "main": "index.js",

package/src/super-admin/index-page.jsx

@@ -4,9 +4,11 @@ import {memo} from "react"
 
 const ApiMakerSuperAdminIndexPage = ({modelClass}) => {
   return (
-    <ModelClassTable
-      modelClass={modelClass}
-    />
+    <div className="super-admin--index-page">
+      <ModelClassTable
+        modelClass={modelClass}
+      />
+    </div>
   )
 }
 

package/src/super-admin/index.jsx

@@ -1,10 +1,10 @@
-import {digg} from "diggerize"
 import EditPage from "./edit-page"
 import IndexPage from "./index-page"
 import Layout from "./layout"
 import Link from "../link"
 import {memo, useMemo} from "react"
 import * as modelsModule from "@kaspernj/api-maker/src/models.mjs.erb"
+import {useCallback} from "react"
 import ShowPage from "./show-page"
 import ShowReflectionPage from "./show-reflection-page"
 import useQueryParams from "on-location-changed/src/use-query-params"
@@ -15,6 +15,9 @@ const ApiMakerSuperAdmin = () => {
 
   if (queryParams.model) modelClass = modelsModule[queryParams.model]
 
+  const modelId = queryParams.model_id
+  const modelName = modelClass?.modelClassData()?.name
+
   if (queryParams.model && queryParams.model_id && queryParams.model_reflection) {
     pageToShow = "show_reflection"
   } else if (queryParams.model && queryParams.model_id && queryParams.mode == "edit") {
@@ -29,17 +32,40 @@ const ApiMakerSuperAdmin = () => {
     pageToShow = "welcome"
   }
 
+  const onDestroyClicked = useCallback(async (e) => {
+    e.preventDefault()
+
+    if (!confirm("Are you sure?")) {
+      return
+    }
+
+    try {
+      const model = await modelClass.find(modelId)
+
+      await model.destroy()
+
+      Params.changeParams({mode: undefined, model_id: undefined})
+    } catch (error) {
+      FlashMessage.errorResponse(error)
+    }
+  }, [modelName, modelId])
+
   const actions = useMemo(
     () => <>
       {modelClass && pageToShow == "index" &&
-        <Link className="create-new-model-link" to={Params.withParams({model: modelClass.modelClassData().name, mode: "new"})}>
+        <Link className="create-new-model-link" to={Params.withParams({model: modelName, mode: "new"})}>
           Create new
         </Link>
       }
       {modelClass && pageToShow == "show" &&
-        <Link to={Params.withParams({model: modelClass.modelClassData().name, model_id: queryParams.model_id, mode: "edit"})}>
-          Edit
-        </Link>
+        <>
+          <Link className="edit-model-link" to={Params.withParams({model: modelName, model_id: modelId, mode: "edit"})}>
+            Edit
+          </Link>
+          <a className="destroy-model-link" href="#" onClick={onDestroyClicked}>
+            Delete
+          </a>
+        </>
       }
     </>,
     [modelClass, pageToShow]
@@ -49,27 +75,27 @@ const ApiMakerSuperAdmin = () => {
     <Layout actions={actions} active={queryParams.model} headerTitle={modelClass?.modelName()?.human({count: 2})}>
       {pageToShow == "index" &&
         <IndexPage
-          key={`index-page-${digg(modelClass.modelClassData(), "name")}`}
+          key={`index-page-${modelName}`}
           modelClass={modelClass}
         />
       }
       {pageToShow == "show" &&
         <ShowPage
-          key={`show-page-${digg(modelClass.modelClassData(), "name")}-${queryParams.modelId}`}
+          key={`show-page-${modelName}-${modelId}`}
           modelClass={modelClass}
-          modelId={queryParams.modelId}
+          modelId={modelId}
         />
       }
       {pageToShow == "show_reflection" &&
         <ShowReflectionPage
-          key={`show-reflection-page-${digg(modelClass.modelClassData(), "name")}-${queryParams.modelId}`}
+          key={`show-reflection-page-${modelName}-${modelId}`}
           modelClass={modelClass}
-          modelId={queryParams.modelId}
+          modelId={modelId}
         />
       }
       {pageToShow == "edit" &&
         <EditPage
-          key={`edit-page-${digg(modelClass.modelClassData(), "name")}-${queryParams.modelId}`}
+          key={`edit-page-${modelName}-${modelId}`}
           modelClass={modelClass}
         />
       }