002d093af4
feat(SW-2863): Move contentstack router to trpc package * Add exports to packages and lint rule to prevent relative imports * Add env to trpc package * Add eslint to trpc package * Apply lint rules * Use direct imports from trpc package * Add lint-staged config to trpc * Move lang enum to common * Restructure trpc package folder structure * WIP first step * update internal imports in trpc * Fix most errors in scandic-web Just 100 left... * Move Props type out of trpc * Fix CategorizedFilters types * Move more schemas in hotel router * Fix deps * fix getNonContentstackUrls * Fix import error * Fix entry error handling * Fix generateMetadata metrics * Fix alertType enum * Fix duplicated types * lint:fix * Merge branch 'master' into feat/sw-2863-move-contentstack-router-to-trpc-package * Fix broken imports * Merge branch 'master' into feat/sw-2863-move-contentstack-router-to-trpc-package Approved-by: Linus Flood
37 lines
854 B
TypeScript
37 lines
854 B
TypeScript
"use client"
|
|
|
|
import { useState } from "react"
|
|
import { useInterval } from "usehooks-ts"
|
|
|
|
import { dt } from "@scandic-hotels/common/dt"
|
|
|
|
import Title from "@/components/TempDesignSystem/Text/Title"
|
|
|
|
import type { CountdownProps } from "@/types/components/countdown"
|
|
|
|
export default function Countdown({
|
|
minutes = 30,
|
|
seconds = 0,
|
|
onChange = () => undefined,
|
|
}: CountdownProps) {
|
|
const [time, setTime] = useState(dt.duration({ minutes, seconds }))
|
|
const timeSeconds = time.asSeconds()
|
|
|
|
useInterval(
|
|
() => {
|
|
setTime((currentTime) => {
|
|
const newTime = currentTime.asMilliseconds() - 1000
|
|
onChange(newTime)
|
|
return dt.duration(newTime)
|
|
})
|
|
},
|
|
timeSeconds > 0 ? 1000 : null
|
|
)
|
|
|
|
return (
|
|
<Title as="h1">
|
|
<time dateTime={time.toISOString()}>{time.format("m:ss")}</time>
|
|
</Title>
|
|
)
|
|
}
|