Skip to content

Commit

Permalink
add user profile and check pages
Browse files Browse the repository at this point in the history
  • Loading branch information
pixelcmtd committed Jul 16, 2024
1 parent f03c84f commit 673122f
Show file tree
Hide file tree
Showing 2 changed files with 182 additions and 0 deletions.
97 changes: 97 additions & 0 deletions src/pages/profiles/[id].astro
Original file line number Diff line number Diff line change
@@ -0,0 +1,97 @@
---
import Avatar from "../../components/Avatar.astro";
import Layout from "../../layouts/Layout.astro";
import {
getAllChecksByUser,
getCheckRevision,
getProfileById,
getTemplateRevision,
} from "../../backendlib";
import CheckCard from "../../components/CheckCard.astro";
import {
decodeKinkCheck,
type check,
type check_revision,
type TemplateRevision,
} from "../../base";
const { id } = Astro.params;
if (!id) {
return new Response("no user id given", { status: 400 });
}
const [profile, error] = await getProfileById(id);
if (error) {
return new Response(error.message, { status: 500 });
}
const [checks, err] = await getAllChecksByUser(id);
const usableChecks =
checks &&
(await Promise.all(
checks
.map((x) => getCheckRevision(x, "latest"))
.filter((x) => x)
.map((x) => x!)
.map<Promise<[check & check_revision, TemplateRevision | null]>>(
async (check) => [
check,
await getTemplateRevision({
id: check.template,
version: check.version,
}).then(([t]) => t),
],
),
));
---

<Layout title={`${profile.full_name} (@${profile.username})`}>
<Avatar {...profile} size="44px" slot="header" />
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa
qui officia deserunt mollit anim id est laborum.

<h2>Checks</h2>
{
err || !checks.length || !usableChecks ? (
<>
<p>
There are no checks from this user (or they aren't visible
to you)
</p>
<pre>{err}</pre>
</>
) : (
<ul>
{usableChecks.map(([check, template]) =>
!template ? (
<li>
Can't load template (TODO: display error): {check}
</li>
) : (
// TODO: when it's the user's own profile we might want to link to the template
<CheckCard
{template}
{...decodeKinkCheck(template, check.data)}
href={`/templates/${template.id}/checks/${check.user_id}`}
/>
),
)}
</ul>
)
}
</Layout>

<style>
:global(div#content) {
max-width: 1000px;
}
ul {
padding: 0;
}
</style>
85 changes: 85 additions & 0 deletions src/pages/templates/[id]/checks/[user]/index.astro
Original file line number Diff line number Diff line change
@@ -0,0 +1,85 @@
---
import {
getCheck,
getCheckRevision,
getProfileById,
getTemplateRevision,
getUserIdByName,
} from "../../../../../backendlib";
import { decodeKinkCheck, defaultRatings, prettyDate } from "../../../../../base";
import { Check } from "../../../../../components/KinkCheck";
import RatingOverview from "../../../../../components/RatingOverview.astro";
import Layout from "../../../../../layouts/Layout.astro";
const { id, user } = Astro.params;
if (!id || !user) {
return new Response(`no ${!id ? "template id" : "user"} given`, {
status: 400,
});
}
if (user.startsWith("@")) {
const [id, error] = await getUserIdByName(user.substring(1));
if (error) {
return Response(error.message, { code: 500 });
}
const url = Astro.url;
url.pathname = url.pathname.replace(user, id);
return Astro.redirect(url);
}
const [profile] = await getProfileById(user);
const [check, err] = await getCheck({ user, template: id });
if (err) {
return new Response(err.message, { status: 500 });
}
const rev = getCheckRevision(check, "latest");
const [template, error] = await getTemplateRevision({
id,
version: rev?.version ?? "latest",
});
if (error) {
return new Response(error.message, { status: 500 });
}
// TODO: selecting revisions, ........
// TODO: when self maybe display and edit button
---

<Layout
title={`${template.name} ${template.version} from ${
profile ? profile.full_name : user
}`}
headertitle={`${template.name} ${template.version}`}
>
<span class="checkdesc" slot="header">
<span>from {profile ? profile.full_name : user}</span>
<span>{rev && prettyDate(new Date(rev.modified))}</span>
</span>
<RatingOverview slot="header" />
<main>
<Check
{...template}
ratings={rev
? decodeKinkCheck(template, rev.data).ratings
: defaultRatings(template.kinks)}
/>
</main>
</Layout>

<style>
:global(div#content) {
min-width: 475px;
max-width: 1800px;
}
.checkdesc {
display: flex;
flex-direction: column;
}
</style>

0 comments on commit 673122f

Please sign in to comment.