alex/canvasManagement
1
0
Fork 0
mirror of https://github.com/alexmickelson/canvasManagement.git synced 2026-03-25 23:28:33 -06:00
Code Issues Packages Projects Releases Wiki Activity

consoladating layouts

Browse Source
This commit is contained in:
Alex Mickelson
2025-07-15 11:43:46 -06:00
parent c33b40b55e
commit 57b7d8ac1e
10 changed files with 135 additions and 107 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
src/app/course/[courseName]/modules/[moduleName]/page/[pageName]/EditPage.tsx
View File

@@ -14,6 +14,7 @@ import { useRouter } from "next/navigation";
import { useCourseContext } from "@/app/course/[courseName]/context/courseContext";
import { useAuthoritativeUpdates } from "@/app/course/[courseName]/utils/useAuthoritativeUpdates";
import EditPageHeader from "./EditPageHeader";
import { EditLayout } from "@/components/EditLayout";
export default function EditPage({
moduleName,
@@ -67,17 +68,6 @@ export default function EditPage({
previousPageName: pageName,
courseName,
});
// .then(() => {
// if (updatedPage.name !== pageName)
// router.replace(
// getModuleItemUrl(
// courseName,
// moduleName,
// "page",
// updatedPage.name
// )
// );
// });
} else {
console.log(
"client not authoritative, updating client with server page"
@@ -109,25 +99,31 @@ export default function EditPage({
]);
return (
<div className="h-full flex flex-col">
<EditPageHeader pageName={pageName} moduleName={moduleName} />
<div className="columns-2 min-h-0 flex-1">
<div className="flex-1 h-full">
<MonacoEditor key={monacoKey} value={text} onChange={textUpdate} />
</div>
<div className="h-full">
<div className="text-red-300">{error && error}</div>
<div className="h-full overflow-y-auto">
<br />
<PagePreview page={page} />
<EditLayout
Header={<EditPageHeader pageName={pageName} moduleName={moduleName} />}
Body={
<div className="columns-2 min-h-0 flex-1">
<div className="flex-1 h-full">
<MonacoEditor key={monacoKey} value={text} onChange={textUpdate} />
</div>
<div className="h-full">
<div className="text-red-300">{error && error}</div>
<div className="h-full overflow-y-auto">
<br />
<PagePreview page={page} />
</div>
</div>
</div>
</div>
{settings.canvasId && (
<ClientOnly>
<EditPageButtons pageName={pageName} moduleName={moduleName} />
</ClientOnly>
)}
</div>
);
}
Footer={
<>
{settings.canvasId && (
<ClientOnly>
<EditPageButtons pageName={pageName} moduleName={moduleName} />
</ClientOnly>
)}
</>
}
/>
)
}