maxamundsen/kjol
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update from cdrl

Browse Source
This commit is contained in:
Max Amundsen
2026-07-15 11:20:47 -04:00
parent 0f9f42be5a
commit f1745b8a1b
8 changed files with 195 additions and 353 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
go/jsruntime/uikit/General.tsx
View File

@@ -6,11 +6,11 @@ interface PageContainerProps {
children?: JSXElement;
}
export function PageContainer(props: PageContainerProps) {
export function PageContainer(props: PageContainerProps): JSXElement {
return <div class="admin-page-container">{props.children}</div>;
}
export function Divider() {
export function Divider(): JSXElement {
return <hr class="text-line mt-1 mb-3"/>;
}
@@ -19,7 +19,7 @@ interface CodeBoxProps {
class?: string;
}
export function CodeBox(props: CodeBoxProps) {
export function CodeBox(props: CodeBoxProps): JSXElement {
return (
<div class={"text-xs p-3 bg-neutral-800 text-neutral-100 border border-neutral-700 rounded-default " + (props.class || "")}>
<pre><code>{props.code}</code></pre>
@@ -28,11 +28,11 @@ export function CodeBox(props: CodeBoxProps) {
}
interface PageHeaderProps {
text: string;
text: string | JSXElement;
class?: string;
}
export function PageHeader(props: PageHeaderProps) {
export function PageHeader(props: PageHeaderProps): JSXElement {
return (
<header class={props.class || ""}>
<div class="mt-1">
@@ -50,7 +50,7 @@ interface PageLinkProps {
children?: JSXElement;
}
export function PageLink(props: PageLinkProps) {
export function PageLink(props: PageLinkProps): JSXElement {
return (
<a
href={props.href}
@@ -60,7 +60,7 @@ export function PageLink(props: PageLinkProps) {
);
}
export function Loader(props: { class?: string; style?: string }) {
export function Loader(props: { class?: string; style?: string }): JSXElement {
return (
<div class={"flex items-center justify-center p-8 " + (props.class || "")} style={props.style}>
<div class="h-8 w-8 border-4 border-sky-700 border-t-transparent rounded-full animate-spin"></div>
@@ -77,7 +77,7 @@ interface BreadcrumbsProps {
items: BreadcrumbItem[];
}
export function Breadcrumbs(props: BreadcrumbsProps) {
export function Breadcrumbs(props: BreadcrumbsProps): JSXElement {
return (
<div class="flex flex-row items-center text-ink-faint text-xs">
<For each={props.items}>{(crumb, index) => (
@@ -102,7 +102,7 @@ interface ManagerPageHeaderProps {
action?: JSXElement;
}
export function ManagerPageHeader(props: ManagerPageHeaderProps) {
export function ManagerPageHeader(props: ManagerPageHeaderProps): JSXElement {
return (
<div class="page-header">
<div>