@kaspernj/api-maker 1.0.378 → 1.0.379

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kaspernj/api-maker",
-  "version": "1.0.378",
+  "version": "1.0.379",
   "type": "module",
   "description": "",
   "main": "index.js",

package/src/super-admin/show-nav.jsx

@@ -1,10 +1,10 @@
 import BaseComponent from "../base-component"
-import {digg} from "diggerize"
 import Link from "../link"
 import PropTypes from "prop-types"
 import PropTypesExact from "prop-types-exact"
 import {memo} from "react"
 import {shapeComponent} from "set-state-compare/src/shape-component.js"
+import ShowReflectionLink from "./show-reflection-link"
 import useQueryParams from "on-location-changed/src/use-query-params"
 
 export default memo(shapeComponent(class ApiMakerSuperAdminShowNav extends BaseComponent {
@@ -27,9 +27,7 @@ export default memo(shapeComponent(class ApiMakerSuperAdminShowNav extends BaseC
         </div>
         {model && reflections.filter((reflection) => reflection.macro() == "has_many").map((reflection) =>
           <div key={reflection.name()}>
-            <Link to={Params.withParams({model: digg(modelClass.modelClassData(), "name"), model_id: model.primaryKey(), model_reflection: reflection.name()})}>
-              {modelClass.humanAttributeName(reflection.name())}
-            </Link>
+            <ShowReflectionLink model={model} modelClass={modelClass} reflection={reflection} />
           </div>
         )}
       </div>

package/src/super-admin/show-reflection-link.jsx

@@ -0,0 +1,33 @@
+import BaseComponent from "../base-component"
+import {digg} from "diggerize"
+import {shapeComponent} from "set-state-compare/src/shape-component.js"
+import {useMemo} from "react"
+
+export default memo(shapeComponent(class ApiMakerSuperAdminShowReflectionLink extends BaseComponent {
+  setup() {
+    this.useStates({count: undefined})
+
+    useMemo(() => {
+      this.countRelationship()
+    }, [])
+  }
+
+  countRelationship = async () => {
+    const {model, reflection} = this.p
+    const query = model[reflection.name()]()
+    const count = await query.ransack().count()
+
+    this.setState({count})
+  }
+
+  render() {
+    const {model, modelClass, reflection} = this.p
+    const {count} = this.s
+
+    return (
+      <Link to={Params.withParams({model: digg(modelClass.modelClassData(), "name"), model_id: model.primaryKey(), model_reflection: reflection.name()})}>
+        {modelClass.humanAttributeName(reflection.name())} ({count})
+      </Link>
+    )
+  }
+}))