updated docs

web_services/web-controllers/components/custom/content/PageToBeChildrendMulti.tsx

@@ -0,0 +1,11 @@
+import { ContentProps } from "@/validations/mutual/dashboard/props";
+import { resolveWhichPageToRenderMulti } from "@/pages/resolver/resolver";
+import ContentToRenderNoPage from "@/pages/mutual/noContent/page";
+
+const PageToBeChildrendMulti: React.FC<ContentProps> = async ({ lang, translations, activePageUrl, mode }) => {
+    const ApplicationToRender = await resolveWhichPageToRenderMulti({ activePageUrl })
+    if (!ApplicationToRender) return <ContentToRenderNoPage lang={lang} />
+    return <ApplicationToRender lang={lang} translations={translations} activePageUrl={activePageUrl} mode={mode} />
+}
+
+export default PageToBeChildrendMulti

web_services/web-controllers/components/custom/content/PageToBeChildrendSingle.tsx

@@ -0,0 +1,13 @@
+import { ContentProps } from "@/validations/mutual/dashboard/props";
+import ContentToRenderNoPage from "@/pages/mutual/noContent/page";
+import { resolveWhichPageToRenderSingle } from "@/pages/resolver/resolver";
+
+const PageToBeChildrendSingle: React.FC<ContentProps> = ({ lang, translations, activePageUrl }) => {
+    const ApplicationToRender = resolveWhichPageToRenderSingle({ activePageUrl })
+    if (ApplicationToRender) {
+        return <ApplicationToRender lang={lang} translations={translations} activePageUrl={activePageUrl} />
+    }
+    else { return <ContentToRenderNoPage lang={lang} /> }
+}
+
+export default PageToBeChildrendSingle

web_services/web-controllers/components/custom/content/component.tsx

@@ -0,0 +1,19 @@
+'use server';
+import { FC, Suspense } from "react";
+import { ContentProps, ModeTypesList } from "@/validations/mutual/dashboard/props";
+import LoadingContent from "@/components/mutual/loader/component";
+import PageToBeChildrendSingle from "./PageToBeChildrendSingle";
+import PageToBeChildrendMulti from "./PageToBeChildrendMulti";
+
+const ContentComponent: FC<ContentProps> = async ({ lang, translations, activePageUrl, isMulti, mode }) => {
+    const modeFromQuery = ModeTypesList.includes(mode || '') ? mode : 'list'
+    const renderProps = { lang, translations, activePageUrl, mode: modeFromQuery }
+    const PageToBeChildrend = isMulti ? PageToBeChildrendMulti : PageToBeChildrendSingle
+    const loadingContent = <LoadingContent height="h-16" size="w-36 h-48" plane="h-full w-full" />
+    const classNameDiv = "fixed top-24 left-80 right-0 py-10 px-15 border-emerald-150 border-l-2 overflow-y-auto h-[calc(100vh-64px)]"
+    return (
+        <div className={classNameDiv}><Suspense fallback={loadingContent}><PageToBeChildrend {...renderProps} /></Suspense></div>
+    );
+};
+
+export default ContentComponent;