Ryan/Reactive-Resume
1
0
Fork 0
mirror of https://github.com/AmruthPillai/Reactive-Resume.git synced 2026-08-25 15:52:21 +10:00
Code Issues Packages Projects Releases Wiki Activity

v5.2.0: undo/redo, version history, embedded AI assistant, mobile builder & more (#3205)

Browse Source
This commit is contained in:
Amruth Pillai
2026-07-04 14:57:25 +02:00
committed by GitHub
parent 09bc6ec521
commit 57e9c8c487
181 changed files with 46794 additions and 11348 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/src/routes/dashboard/resumes/-components/grid-view.tsx
+40 -24
View File
@@ -1,4 +1,5 @@
import type { RouterOutput } from "@/libs/orpc/client";
import { Trans } from "@lingui/react/macro";
import { AnimatePresence, m } from "motion/react";
import { CreateResumeCard } from "./cards/create-card";
import { ImportResumeCard } from "./cards/import-card";
@@ -8,44 +9,59 @@ type Resume = RouterOutput["resume"]["list"][number];
type Props = {
resumes: Resume[];
hasResumes: boolean;
};
export function GridView({ resumes }: Props) {
export function GridView({ resumes, hasResumes }: Props) {
if (resumes.length === 0 && hasResumes) {
return (
<p className="py-8 text-center text-muted-foreground text-sm">
<Trans>No resumes match your search.</Trans>
</p>
);
}
if (resumes.length === 0) {
return (
<div className="grid 3xl:grid-cols-6 grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5">
<m.div
initial={{ y: -20 }}
animate={{ opacity: 1, y: 0 }}
exit={{ y: -20 }}
transition={{ duration: 0.2, ease: "easeOut" }}
className="will-change-[transform,opacity]"
>
<CreateResumeCard />
</m.div>
<m.div
initial={{ y: -20 }}
animate={{ opacity: 1, y: 0 }}
exit={{ y: -20 }}
transition={{ duration: 0.2, delay: 0.03, ease: "easeOut" }}
className="will-change-[transform,opacity]"
>
<ImportResumeCard />
</m.div>
</div>
);
}
return (
<div className="grid 3xl:grid-cols-6 grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5">
<m.div
initial={{ opacity: 0, y: -20 }}
animate={{ opacity: 1, y: 0 }}
exit={{ opacity: 0, y: -20 }}
transition={{ duration: 0.2, ease: "easeOut" }}
className="will-change-[transform,opacity]"
>
<CreateResumeCard />
</m.div>
<m.div
initial={{ opacity: 0, y: -20 }}
animate={{ opacity: 1, y: 0 }}
exit={{ opacity: 0, y: -20 }}
transition={{ duration: 0.2, delay: 0.03, ease: "easeOut" }}
className="will-change-[transform,opacity]"
>
<ImportResumeCard />
</m.div>
<AnimatePresence initial={false} mode="popLayout">
{resumes?.map((resume, index) => (
{resumes.map((resume, index) => (
<m.div
layout
key={resume.id}
initial={{ opacity: 0, y: -20 }}
initial={{ y: -20 }}
animate={{ opacity: 1, y: 0 }}
exit={{
opacity: 0,
y: -20,
filter: "blur(8px)",
}}
transition={{ duration: 0.2, delay: Math.min(0.12, (index + 2) * 0.02), ease: "easeOut" }}
transition={{ duration: 0.2, delay: Math.min(0.12, index * 0.02), ease: "easeOut" }}
className="will-change-[transform,opacity]"
>
<ResumeCard resume={resume} />