From f0c03a9b8e15387c4defd0a0e3e0298324406fae Mon Sep 17 00:00:00 2001
From: flu0r1ne <flu0r1ne@flu0r1ne.net>
Date: Mon, 28 Aug 2023 21:33:44 -0500
Subject: Add wg2nd
---
templates/Default/index.tsx | 17 +++++++++--------
1 file changed, 9 insertions(+), 8 deletions(-)
(limited to 'templates/Default')
diff --git a/templates/Default/index.tsx b/templates/Default/index.tsx
index f693da2..6a307ab 100644
--- a/templates/Default/index.tsx
+++ b/templates/Default/index.tsx
@@ -4,10 +4,11 @@ import { Breadcrumbs, LinkCrumb } from "../../components/Breadcrumbs";
import Viewport from "../../components/ViewPort";
import styles from './default.module.scss';
-export type DefaultPage = {
+export type DefaultPageProps = {
className?: string;
path?: string;
lastUpdated?: string;
+ children?: React.ReactChild;
};
export type RelPathProps = {
@@ -16,17 +17,17 @@ export type RelPathProps = {
const RelPath : FC<RelPathProps> = ({path, ...props}) => {
const _path = path[path.length - 1] === '/' ? path.substr(0, path.length - 1) : path;
-
+
const parts = _path.split('/');
const rels = [''];
-
+
for(let i = 1; i < parts.length; i++) {
rels.push([rels[i - 1], parts[i]].join('/'));
}
-
+
rels[0] = '/';
parts[0] = 'flu0r1ne.net';
-
+
return (
<Breadcrumbs>
{rels.map((relHref, i) => (
@@ -38,11 +39,11 @@ const RelPath : FC<RelPathProps> = ({path, ...props}) => {
);
}
-const LastUpdatedDate : FC = ({children}) => (
+const LastUpdatedDate : FC<{ children: React.ReactNode }> = ({children}) => (
<span className={styles.date}><b>Last Updated: </b>{children}</span>
)
-const DefaultPage : FC<DefaultPage> = ({className, lastUpdated, children, path, ...props}) => (
+const DefaultPage : FC<DefaultPageProps> = ({className, lastUpdated, children, path, ...props}) => (
<Viewport
className={clsx(styles.viewportOverrides, className)}
>
@@ -52,4 +53,4 @@ const DefaultPage : FC<DefaultPage> = ({className, lastUpdated, children, path,
</Viewport>
);
-export default DefaultPage;
\ No newline at end of file
+export default DefaultPage;
--
cgit v1.2.3