38 lines
1.2 KiB
TypeScript
38 lines
1.2 KiB
TypeScript
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>
|
|
</>
|
|
);
|
|
};
|