mirror of
https://github.com/AmruthPillai/Reactive-Resume.git
synced 2026-08-24 07:12:18 +10:00
v5.1.0 (#2970)
* chore(release): v5.1.0 * feat: implement resume thumbnails * fix: remove unused mcp tools * docs: fix formatting of docs
This commit is contained in:
@@ -0,0 +1,28 @@
|
||||
import { PDFViewer } from "@react-pdf/renderer";
|
||||
import { createFileRoute } from "@tanstack/react-router";
|
||||
import { useIsClient } from "usehooks-ts";
|
||||
import { sampleResumeData } from "@reactive-resume/schema/resume/sample";
|
||||
import { templateSchema } from "@reactive-resume/schema/templates";
|
||||
import { useLocalizedResumeDocument } from "@/libs/resume/pdf-document";
|
||||
|
||||
export const Route = createFileRoute("/templates/$")({
|
||||
component: TemplatePdfRoute,
|
||||
errorComponent: () => <div>Template not found</div>,
|
||||
});
|
||||
|
||||
function TemplatePdfRoute() {
|
||||
const isClient = useIsClient();
|
||||
const params = Route.useParams();
|
||||
|
||||
const templateName = params._splat?.split(".")[0] ?? "azurill";
|
||||
const template = templateSchema.parse(templateName);
|
||||
const resumeDocument = useLocalizedResumeDocument(sampleResumeData, template);
|
||||
|
||||
if (!isClient || !resumeDocument) return null;
|
||||
|
||||
return (
|
||||
<PDFViewer showToolbar={false} style={{ height: "100svh", width: "100svw", border: "none" }}>
|
||||
{resumeDocument}
|
||||
</PDFViewer>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user