mirror of
https://github.com/Steffo99/festa.git
synced 2024-12-23 07:04:22 +00:00
33 lines
903 B
TypeScript
33 lines
903 B
TypeScript
import { StaticImageData } from "next/image"
|
|
import { useEffect } from "react"
|
|
import { useDefinedContext } from "../../utils/definedContext"
|
|
import { PostcardContext, PostcardSource } from "./base"
|
|
|
|
|
|
/**
|
|
* Use the passed src as {@link PostcardSource} for the wrapping {@link PostcardContext}.
|
|
*/
|
|
export function usePostcardImage(src: PostcardSource | StaticImageData) {
|
|
const { changePostcard } = useDefinedContext(PostcardContext)
|
|
|
|
useEffect(
|
|
() => {
|
|
if (typeof src === "string") {
|
|
changePostcard(src)
|
|
}
|
|
else {
|
|
changePostcard(src.src)
|
|
}
|
|
},
|
|
[src, changePostcard]
|
|
)
|
|
}
|
|
|
|
|
|
/**
|
|
* The same as {@link usePostcardImage}, but as a component rendering `null`.
|
|
*/
|
|
export function Postcard({ src }: { src: PostcardSource | StaticImageData }): null {
|
|
usePostcardImage(src)
|
|
return null
|
|
}
|