Aidan
56603e7e99
All checks were successful
Build and Push Nightly CI Image / build_and_push (push) Successful in 1m47s
Build and Push Docker Image / build_and_push (push) Successful in 3s
29 lines
767 B
TypeScript
29 lines
767 B
TypeScript
"use client"
|
|
|
|
import {useEffect, useState} from "react"
|
|
|
|
export function Footer() {
|
|
const [renderTime, setRenderTime] = useState<number | null>(null)
|
|
|
|
useEffect(() => {
|
|
const startTime = performance.now()
|
|
requestAnimationFrame(() => {
|
|
requestAnimationFrame(() => {
|
|
const endTime = performance.now()
|
|
const timeTaken = endTime - startTime
|
|
setRenderTime(timeTaken)
|
|
})
|
|
})
|
|
}, [])
|
|
|
|
return (
|
|
<footer className="py-2 px-4 text-sm text-muted-foreground bg-muted">
|
|
<div className="flex justify-between">
|
|
<p>Created by a community, not a company.</p>
|
|
{renderTime !== null ? <p>Page rendered in {renderTime.toFixed(2)} ms</p> : <p>Calculating render time...</p>}
|
|
</div>
|
|
</footer>
|
|
)
|
|
}
|
|
|