From 2718ab90194b3c7be600d1a2dadc4250207db1c0 Mon Sep 17 00:00:00 2001
From: Jacky Zhao <j.zhao2k19@gmail.com>
Date: Tue, 11 Mar 2025 21:56:43 +0000
Subject: [PATCH] feat: flex component, document higher-order layout components
---
quartz/components/MobileOnly.tsx | 26 +++++++++++---------------
1 files changed, 11 insertions(+), 15 deletions(-)
diff --git a/quartz/components/MobileOnly.tsx b/quartz/components/MobileOnly.tsx
index 7d2108d..29958cf 100644
--- a/quartz/components/MobileOnly.tsx
+++ b/quartz/components/MobileOnly.tsx
@@ -1,18 +1,14 @@
import { QuartzComponent, QuartzComponentConstructor, QuartzComponentProps } from "./types"
-export default ((component?: QuartzComponent) => {
- if (component) {
- const Component = component
- const MobileOnly: QuartzComponent = (props: QuartzComponentProps) => {
- return <Component displayClass="mobile-only" {...props} />
- }
-
- MobileOnly.displayName = component.displayName
- MobileOnly.afterDOMLoaded = component?.afterDOMLoaded
- MobileOnly.beforeDOMLoaded = component?.beforeDOMLoaded
- MobileOnly.css = component?.css
- return MobileOnly
- } else {
- return () => <></>
+export default ((component: QuartzComponent) => {
+ const Component = component
+ const MobileOnly: QuartzComponent = (props: QuartzComponentProps) => {
+ return <Component displayClass="mobile-only" {...props} />
}
-}) satisfies QuartzComponentConstructor
+
+ MobileOnly.displayName = component.displayName
+ MobileOnly.afterDOMLoaded = component?.afterDOMLoaded
+ MobileOnly.beforeDOMLoaded = component?.beforeDOMLoaded
+ MobileOnly.css = component?.css
+ return MobileOnly
+}) satisfies QuartzComponentConstructor<QuartzComponent>
--
Gitblit v1.10.0