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

Converted section and uses to ts

Browse Source
This commit is contained in:
r-freeman 2023-03-18 21:15:45 +00:00
parent f039c1aa40
commit aa194f011a
2 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/ui/Section.jsx → components/ui/Section.tsx
View File

@ -1,6 +1,6 @@
import { useId } from 'react' import {ReactNode, useId} from 'react'
export function Section({ title, children }) { export function Section({title, children}: { title: string, children: ReactNode }) {
let id = useId() let id = useId()
return ( return (

7
pages/uses.jsx → pages/uses.tsx
View File

@ -3,10 +3,11 @@ import Head from 'next/head'
import {Card} from '@/components/ui/Card' import {Card} from '@/components/ui/Card'
import {Section} from '@/components/ui/Section' import {Section} from '@/components/ui/Section'
import {SimpleLayout} from '@/components/layouts/SimpleLayout' import {SimpleLayout} from '@/components/layouts/SimpleLayout'
import {ReactNode} from 'react'
function ToolsSection({children, ...props}) { function ToolsSection({children, title}: { children: ReactNode, title: string }) {
return ( return (
<Section {...props}> <Section title={title}>
<ul role="list" className="space-y-16"> <ul role="list" className="space-y-16">
{children} {children}
</ul> </ul>
@ -14,7 +15,7 @@ function ToolsSection({children, ...props}) {
) )
} }
function Tool({title, href, children}) { function Tool({title, href, children}: { title: string, href: string, children: ReactNode }) {
return ( return (
<Card as="li"> <Card as="li">
<Card.Title as="h3" href={href}> <Card.Title as="h3" href={href}>