@0.2.7: header block supports byline

hanzoai · Feb 2, 2024 · 30f87e2 · 30f87e2
1 parent 58d4f77
commit 30f87e2
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 2 deletions.
diff --git a/pkgs/luxdefi-ui/blocks/components/heading-block.tsx b/pkgs/luxdefi-ui/blocks/components/heading-block.tsx
@@ -16,30 +16,40 @@ const HeadingBlockComponent: React.FC<{
   const heading = block as HeadingBlock
 
   let Tag: React.ElementType = 'h3' // default 
+  let BylineTag: React.ElementType = 'h5' // default: two levels below main
 
   switch (heading.level) {
     case 0: {
       Tag = 'p'
+      BylineTag = 'p'
     } break
     case 1: {
       Tag = 'h1'
+      BylineTag = 'h3'
     } break
     case 2: {
       Tag = 'h2'
+      BylineTag = 'h4'
     } break
 
     case 4: {
       Tag = 'h4'
+      BylineTag = 'h6'
     } break
     case 5: {
       Tag = 'h5'
+      BylineTag = 'p'
     } break
     case 6: {
       Tag = 'h6'
+      BylineTag = 'p'
     } break
   }
 
-  return <Tag className={className}>{heading.heading}</Tag>
+  return (<>
+    <Tag className={className}>{heading.heading}</Tag>
+    {heading.byline && (<BylineTag >{heading.byline}</BylineTag>)}
+  </>)
 }
 
 export default HeadingBlockComponent
diff --git a/pkgs/luxdefi-ui/blocks/def/heading-block.ts b/pkgs/luxdefi-ui/blocks/def/heading-block.ts
@@ -4,6 +4,7 @@ import type Block from './block'
 interface HeadingBlock extends Block {
   blockType: 'heading'
   heading: string
+  byline?: string
   level?: number
 }
 

diff --git a/pkgs/luxdefi-ui/package.json b/pkgs/luxdefi-ui/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@luxdefi/ui",
-  "version": "0.2.6",
+  "version": "0.2.7",
   "description": "Library that contains shared UI primitives, styles, and core types",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",