233c685e52
feat(SW-2333): I18n for multiple apps and packages * Set upp i18n in partner-sas * Adapt lokalise workflow to monorepo * Fix layout props Approved-by: Linus Flood
28 lines
731 B
TypeScript
28 lines
731 B
TypeScript
/* eslint-disable formatjs/no-literal-string-in-jsx */
|
|
"use client"
|
|
import { useIntl } from "react-intl"
|
|
|
|
import { Lang } from "@scandic-hotels/common/constants/language"
|
|
import { trpc } from "@scandic-hotels/trpc/client"
|
|
|
|
export function ClientComponent() {
|
|
const intl = useIntl()
|
|
const { data, isLoading } = trpc.autocomplete.destinations.useQuery({
|
|
lang: Lang.en,
|
|
includeTypes: ["hotels"],
|
|
query: "Malmö",
|
|
})
|
|
|
|
return (
|
|
<div>
|
|
<p>client component</p>
|
|
<p>Data: {JSON.stringify(data?.hits?.hotels[0]?.name)}</p>
|
|
<p>Is loading: {isLoading ? "Yes" : "No"}</p>
|
|
<p>Translated text: </p>
|
|
{intl.formatMessage({
|
|
defaultMessage: "All-day breakfast",
|
|
})}
|
|
</div>
|
|
)
|
|
}
|