StrafesNET/maps-service
4
Fork 3
Code Issues15 Pull Requests1 Packages Projects Releases Wiki Activity

web: fix mapfixes cards linking to submissions

Browse Source
This commit is contained in:
Quaternions
2025-04-04 16:59:01 -07:00
parent f16a817da2
commit c7150f1e23
3 changed files with 32 additions and 3 deletions
web/src/app
_components
mapCard.tsx
mapfixes
page.tsx
submissions
page.tsx

31
web/src/app/_components/mapCard.tsx

@ -12,7 +12,7 @@ interface SubmissionCardProps {
id: number; id: number;
} }
export default function SubmissionCard(props: SubmissionCardProps) { export function SubmissionCard(props: SubmissionCardProps) {
return ( return (
<Link href={`/submissions/${props.id}`}> <Link href={`/submissions/${props.id}`}>
<div className="submissionCard"> <div className="submissionCard">
@ -40,3 +40,32 @@ export default function SubmissionCard(props: SubmissionCardProps) {
</Link> </Link>
); );
} }
export function MapfixCard(props: SubmissionCardProps) {
return (
<Link href={`/mapfixes/${props.id}`}>
<div className="MapfixCard">
<div className="content">
<div className="map-image">
{/* TODO: Grab image of model */}
<Image width={230} height={230} layout="fixed" priority={true} src={`/thumbnails/asset/${props.assetId}`} alt={props.displayName} />
</div>
<div className="details">
<div className="header">
<span className="displayName">{props.displayName}</span>
<div className="rating">
<Rating value={props.rating} readOnly size="small" />
</div>
</div>
<div className="footer">
<div className="author">
<Image className="avatar" width={28} height={28} priority={true} src={`/thumbnails/user/${props.authorId}`} alt={props.author}/>
<span>{props.author}</span>
</div>
</div>
</div>
</div>
</div>
</Link>
);
}

2
web/src/app/mapfixes/page.tsx

@ -2,7 +2,7 @@
import React, { useState, useEffect } from "react"; import React, { useState, useEffect } from "react";
import { MapfixInfo } from "../ts/Mapfix"; import { MapfixInfo } from "../ts/Mapfix";
import MapfixCard from "../_components/mapCard"; import { MapfixCard } from "../_components/mapCard";
import Webpage from "@/app/_components/webpage"; import Webpage from "@/app/_components/webpage";
// TODO: MAKE MAPFIX & SUBMISSIONS USE THE SAME COMPONENTS :angry: (currently too lazy) // TODO: MAKE MAPFIX & SUBMISSIONS USE THE SAME COMPONENTS :angry: (currently too lazy)

2
web/src/app/submissions/page.tsx

@ -2,7 +2,7 @@
import React, { useState, useEffect } from "react"; import React, { useState, useEffect } from "react";
import { SubmissionInfo } from "../ts/Submission"; import { SubmissionInfo } from "../ts/Submission";
import SubmissionCard from "../_components/mapCard"; import { SubmissionCard } from "../_components/mapCard";
import Webpage from "@/app/_components/webpage"; import Webpage from "@/app/_components/webpage";
import "./(styles)/page.scss"; import "./(styles)/page.scss";