r-freeman/portfolio
1
0
Fork 0
mirror of https://github.com/r-freeman/portfolio.git synced 2024-11-22 03:55:41 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Fix ts issue
All checks were successful
Build And Publish / BuildAndPublish (push) Successful in 2m36s
Details

Browse Source
This commit is contained in:
r-freeman 2024-09-19 16:00:03 +01:00
parent efbac85b5a
commit 3a5de79115
1 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
components/ui/Heading.tsx
View File

@ -1,4 +1,3 @@
// @ts-nocheck
import {ElementType, ReactNode} from 'react'
import {createSlug} from '@/lib/createSlug'
import Link from 'next/link'
@ -8,12 +7,14 @@ type HeadingProps = {
children: ReactNode
}
export function Heading({as: Component = 'h1', children}: HeadingProps) {
export function Heading({as: Component = 'h1', children = null}: HeadingProps) {
let headingText = children ? children.toString() : ''
return (
<Component id={createSlug(children.toString())} className='group'>
<Component id={createSlug(headingText)} className='group'>
{children}
<Link className='ml-1 group-hover:opacity-100 opacity-0 transition-opacity ease-in'
href={`#${createSlug(children.toString())}`}>#</Link>
href={`#${createSlug(headingText)}`}>#</Link>
</Component>
)
}