infoalloggi-monorepo/apps/infoalloggi/src/components/servizio/conferma.tsx

import { AllegatoIframe } from "~/components/allegato-iframe";
import { LoadingPage } from "~/components/loading";
import { Button } from "~/components/ui/button";
import { handleDownload } from "~/hooks/filesHooks";
import { useTranslation } from "~/providers/I18nProvider";
import type { StorageindexId } from "~/schemas/public/Storageindex";
import { api } from "~/utils/api";

export const FileSection = ({ storageId }: { storageId: StorageindexId }) => {
	const { data: fileInfos, isLoading } = api.storage.getStorageFromId.useQuery({
		storageId,
	});
	const { mutateAsync: getToken } = api.storage.getStorageToken.useMutation();
	const { t } = useTranslation();
	if (isLoading) return <LoadingPage />;
	if (!fileInfos) return <p>{t.file_section.error}</p>;
	return (
		<>
			<AllegatoIframe
				allegato={fileInfos.id + fileInfos.ext}
				className="h-full max-h-[70vh] min-h-[60vh]"
			/>

			<Button
				className="underline underline-offset-1 after:content-['_↗']"
				onClick={() =>
					handleDownload({
						file: fileInfos,
						getToken: async () => await getToken(),
					})
				}
				variant="link"
			>
				{t.file_section.download}
			</Button>
		</>
	);
};