"use client" import { useState } from "react" import { Button } from "react-aria-components" import { useIntl } from "react-intl" import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon" import { Typography } from "@scandic-hotels/design-system/Typography" import Modal from "@/components/Modal" import useWakeLock from "@/hooks/useWakeLock" import styles from "./digitalTeamMemberCard.module.css" import type { User } from "@/types/user" interface DigitalTeamMemberCardClientProps { user: User } export default function DigitalTeamMemberCardClient({ user, }: DigitalTeamMemberCardClientProps) { const intl = useIntl() const [isOpen, setIsOpen] = useState(false) const { release, request } = useWakeLock({ reacquireOnPageVisible: true, }) function onToggle(modalState: boolean) { setIsOpen(modalState) if (modalState) { request() } else { release() } } return ( <>

{intl.formatMessage({ defaultMessage: "Scandic Family" })}

{intl.formatMessage({ defaultMessage: "Team Member" })} {/* TODO: Should display country of employment */} {/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */} SWE
{/* TODO: Should display employee number */} {/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */}
123 456
{user.firstName} {user.lastName}
{/* TODO: Should display department of employment */} {/* eslint-disable formatjs/no-literal-string-in-jsx */} Haymarket by Scandic {/* eslint-enable */} {/* TODO: Should display current state of employment */} {/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */} Employee
{intl.formatMessage({ defaultMessage: "Book discounted stays for yourself, family and friends!", })}
) }