Skip to content

Development #133

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
Arthur-Lucas merged 2 commits into from
Aug 1, 2025
Merged

Development #133

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
10029ee
Refactor RiderPage component for improved readability and performance…
matdn Aug 1, 2025
aed3a9b
Fix/offres (#132)
Arthur-Lucas Aug 1, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion app/(protected)/sponsors/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@ export default function SponsorsPage() {
(sponsor: any) =>
!recentSlugsOrIds.has(sponsor.slug) && !recentSlugsOrIds.has(sponsor.id),
);
const isEmpty = originalSponsors.length === 0;
const isEmpty = sponsors.length === 0;

if (isLoading) {
return (
Expand Down
6 changes: 3 additions & 3 deletions app/components/ShapeCanvas.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ const ShapeCanvas: React.FC<ShapeCanvasProps> = ({
canvasHeight,
}) => {
const canvasRef = useRef<HTMLCanvasElement | null>(null);
const previousVerticesRef = useRef<{ x: number; y: number }[] | null>(null);
const previousVerticesRef = useRef<{ x: number; y: number; }[] | null>(null);
const lastDrawTimeRef = useRef<number>(performance.now());
const redrawIntervalRef = useRef<number>(0);

Expand Down Expand Up @@ -92,7 +92,7 @@ const ShapeCanvas: React.FC<ShapeCanvasProps> = ({
ctx.fill();

// Application du flou
ctx.filter = "blur(100px)";
// ctx.filter = "blur(100px)";
ctx.fillStyle = gradient;
ctx.fill();

Expand All @@ -118,7 +118,7 @@ const ShapeCanvas: React.FC<ShapeCanvasProps> = ({
<canvas
ref={canvasRef}
className={`${className}`}
style={{ maxWidth: "100vw", display: "block" }}
style={{ maxWidth: "100vw", display: "block", filter: "blur(100px)" }}
/>
);
};
Expand Down
31 changes: 14 additions & 17 deletions app/riders/[slug]/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -58,9 +58,8 @@ export default function RiderPage() {

const fullName =
rider?.identity?.fullName ||
`${rider?.identity?.firstName || ""} ${
rider?.identity?.lastName || ""
}`.trim() ||
`${rider?.identity?.firstName || ""} ${rider?.identity?.lastName || ""
}`.trim() ||
"Nom non renseigné";
const sports =
rider?.preferences?.sports?.map((s) => s.name).filter(Boolean) || [];
Expand All @@ -70,18 +69,17 @@ export default function RiderPage() {
const age: number =
typeof window !== "undefined" && birthDate
? new Date().getFullYear() -
birthDate.getFullYear() -
(new Date().getMonth() < birthDate.getMonth() ||
birthDate.getFullYear() -
(new Date().getMonth() < birthDate.getMonth() ||
(new Date().getMonth() === birthDate.getMonth() &&
new Date().getDate() < birthDate.getDate())
? 1
: 0)
? 1
: 0)
: 0;
const location =
rider?.identity?.city || rider?.identity?.country
? `${rider?.identity?.city || ""}${
rider?.identity?.city && rider?.identity?.country ? ", " : ""
}${rider?.identity?.country || ""}`
? `${rider?.identity?.city || ""}${rider?.identity?.city && rider?.identity?.country ? ", " : ""
}${rider?.identity?.country || ""}`
: "";
const profilePicture =
rider?.avatarUrl && rider?.avatarUrl.includes("http")
Expand Down Expand Up @@ -341,8 +339,8 @@ export default function RiderPage() {
src={profilePicture}
alt={fullName}
width={600}
height={800}
className="rounded-xl object-cover w-full border-4 border-primary-green"
height={1200}
className="rounded-xl object-cover w-full border-4 border-primary-green h-[80dvh]"
ref={profileImgRef}
onLoad={() => {
setImgLoaded(true);
Expand Down Expand Up @@ -544,8 +542,8 @@ export default function RiderPage() {
const videoId = url.includes("youtube.com")
? new URL(url).searchParams.get("v")
: url.includes("youtu.be")
? url.split("/").pop()
: null;
? url.split("/").pop()
: null;

return videoId ? (
<div
Expand Down Expand Up @@ -688,9 +686,8 @@ export default function RiderPage() {
{performance?.sport?.name || "Sport inconnu"}
</p>
<p className="text-sm text-gray-300">
{`${performance?.location?.city || "Ville inconnue"}, ${
performance?.location?.country || "Pays inconnu"
}`}
{`${performance?.location?.city || "Ville inconnue"}, ${performance?.location?.country || "Pays inconnu"
}`}
</p>
{performance?.weather && (
<p className="text-xs text-gray-400 mt-2">
Expand Down
12 changes: 0 additions & 12 deletions src/widgets/offers/ListOffers.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -106,18 +106,6 @@ export default function ListOffers() {
)}
</span>
</span>
<span className="inline-flex items-center gap-1 text-xs font-medium bg-[#eaf7c2] text-[#3f4139] px-3 py-0.5 rounded-lg border border-[#d2fa52]">
Statut :{" "}
<span className="font-semibold">
{offer.status ? (
offer.status
) : (
<span className="italic text-gray-400">
Non renseigné
</span>
)}
</span>
</span>
</div>
<div className="flex items-center gap-2 mb-4">
<span className="font-bold text-[#3f4139] text-sm border-b-2 border-[#d2fa52] pb-0.5">
Expand Down