Improve user pages
This commit is contained in:
parent
2512dd0732
commit
63a90cb3a4
1 changed files with 109 additions and 81 deletions
|
|
@ -16,11 +16,15 @@ export default async function Home({
|
|||
user: string
|
||||
},
|
||||
searchParams: {
|
||||
until: string
|
||||
jamuntil: string,
|
||||
conuntil: string,
|
||||
juduntil: string
|
||||
}
|
||||
}) {
|
||||
const curDate = Date.now();
|
||||
const curPage = parseInt(searchParams?.until) || curDate;
|
||||
const jamPage = parseInt(searchParams?.jamuntil) || curDate;
|
||||
const contentPage = parseInt(searchParams?.conuntil) || curDate;
|
||||
const judgementPage = parseInt(searchParams?.juduntil) || curDate;
|
||||
|
||||
const cookieStore = cookies();
|
||||
const token = cookieStore.get('token')?.value;
|
||||
|
|
@ -57,7 +61,7 @@ export default async function Home({
|
|||
let content = await db
|
||||
.selectFrom('content')
|
||||
.where('content.author_id', '=', user.id)
|
||||
.where('content.submitted', '<=', curPage)
|
||||
.where('content.submitted', '<=', contentPage)
|
||||
.limit(20)
|
||||
.orderBy('content.submitted', 'desc')
|
||||
.selectAll()
|
||||
|
|
@ -66,7 +70,7 @@ export default async function Home({
|
|||
let jams = await db
|
||||
.selectFrom('jams')
|
||||
.where('jams.author_id', '=', user.id)
|
||||
.where('jams.created', '<=', curPage)
|
||||
.where('jams.created', '<=', jamPage)
|
||||
.limit(20)
|
||||
.orderBy('jams.created', 'desc')
|
||||
.selectAll()
|
||||
|
|
@ -75,7 +79,7 @@ export default async function Home({
|
|||
let judgements = await db
|
||||
.selectFrom('judgements')
|
||||
.where('judgements.author_id', '=', user.id)
|
||||
.where('judgements.published', '<=', curPage)
|
||||
.where('judgements.published', '<=', judgementPage)
|
||||
.limit(20)
|
||||
.orderBy('judgements.published', 'desc')
|
||||
.selectAll()
|
||||
|
|
@ -93,85 +97,109 @@ export default async function Home({
|
|||
<ConditionalNull condition={existingUser?.admin || existingUser?.id == user.id}><p><a href={`/jams/delete/user/${user.id}`}>Delete user</a></p></ConditionalNull>
|
||||
</div>
|
||||
</ConditionalNull>
|
||||
<h1>Jams</h1>
|
||||
{jams.map(async (jam:JSONJamTable) => {
|
||||
const started = Date.now() >= parseInt(jam.date_start);
|
||||
const ended = Date.now() >= parseInt(jam.date_end);
|
||||
|
||||
let jamOwner = await db
|
||||
.selectFrom('users')
|
||||
.where('users.id', '=', jam.author_id)
|
||||
.selectAll()
|
||||
.executeTakeFirst();
|
||||
|
||||
if (jamOwner == null) return <p>An error occured.</p>;
|
||||
<ConditionalNull condition={jams.length > 0}>
|
||||
<h1>Jams</h1>
|
||||
{jams.map(async (jam:JSONJamTable) => {
|
||||
const started = Date.now() >= parseInt(jam.date_start);
|
||||
const ended = Date.now() >= parseInt(jam.date_end);
|
||||
|
||||
let jamOwner = await db
|
||||
.selectFrom('users')
|
||||
.where('users.id', '=', jam.author_id)
|
||||
.selectAll()
|
||||
.executeTakeFirst();
|
||||
|
||||
if (jamOwner == null) return <p>An error occured.</p>;
|
||||
|
||||
return (<div style={{
|
||||
margin: "16px 0"
|
||||
}}>
|
||||
<h2><Link href={`/jams/jam/${jam.id}`}>{jam.name}</Link></h2>
|
||||
<p><small>{started ? "Started" : "Starts"} {new Date(parseInt(jam.date_start)).toDateString()} - {ended ? "Ended" : "Ends"} {new Date(parseInt(jam.date_end)).toDateString()}</small></p>
|
||||
<p>{jam.description}</p>
|
||||
</div>);
|
||||
})}
|
||||
<h1>Submissions</h1>
|
||||
{content.map(async (content:JSONContentTable) => {
|
||||
let contentOwner = await db
|
||||
.selectFrom('users')
|
||||
.where('users.id', '=', content.author_id)
|
||||
.selectAll()
|
||||
.executeTakeFirst();
|
||||
|
||||
if (contentOwner == null) return <p>An error occured.</p>;
|
||||
|
||||
// It's a JSONJamTable. I don't know why TS hates `number` => `string` conversion.
|
||||
let submittedJam = await db
|
||||
.selectFrom('jams')
|
||||
.where('jams.id', '=', content.jam_id)
|
||||
.selectAll()
|
||||
.executeTakeFirst() as unknown as JSONJamTable;
|
||||
|
||||
if (submittedJam == null) return <p>An error occured.</p>;
|
||||
return (<div style={{
|
||||
margin: "16px 0"
|
||||
}}>
|
||||
<h2><Link href={`/jams/jam/${jam.id}`}>{jam.name}</Link></h2>
|
||||
<p><small>{started ? "Started" : "Starts"} {new Date(parseInt(jam.date_start)).toDateString()} - {ended ? "Ended" : "Ends"} {new Date(parseInt(jam.date_end)).toDateString()}</small></p>
|
||||
<p>{jam.description}</p>
|
||||
</div>);
|
||||
})}
|
||||
<div className="navigation">
|
||||
<ConditionalNull condition={jamPage < curDate}>
|
||||
<Link href={`?`}>Later</Link>
|
||||
</ConditionalNull>
|
||||
<ConditionalNull condition={jams.length > 20}>
|
||||
<Link href={`?jamuntil=${parseInt(jams.at(-1)?.created || jamPage + "") - 1}`}>Earlier</Link>
|
||||
</ConditionalNull>
|
||||
</div>
|
||||
</ConditionalNull>
|
||||
<ConditionalNull condition={content.length > 0}>
|
||||
<h1>Submissions</h1>
|
||||
{content.map(async (content:JSONContentTable) => {
|
||||
let contentOwner = await db
|
||||
.selectFrom('users')
|
||||
.where('users.id', '=', content.author_id)
|
||||
.selectAll()
|
||||
.executeTakeFirst();
|
||||
|
||||
if (contentOwner == null) return <p>An error occured.</p>;
|
||||
|
||||
// It's a JSONJamTable. I don't know why TS hates `number` => `string` conversion.
|
||||
let submittedJam = await db
|
||||
.selectFrom('jams')
|
||||
.where('jams.id', '=', content.jam_id)
|
||||
.selectAll()
|
||||
.executeTakeFirst() as unknown as JSONJamTable;
|
||||
|
||||
if (submittedJam == null) return <p>An error occured.</p>;
|
||||
|
||||
return (<div style={{
|
||||
margin: "16px 0"
|
||||
}}>
|
||||
<h2><Link href={`/jams/content/${content.id}`}>{content.name}</Link></h2>
|
||||
<p><small>Submitted {new Date(parseInt(content.submitted)).toDateString()} to <a href={`/jams/jam/${submittedJam.id}?until=${content.submitted}`}>{submittedJam.name}</a></small></p>
|
||||
<p>{content.description}</p>
|
||||
</div>);
|
||||
})}
|
||||
<h1>Judgements</h1>
|
||||
{judgements.map(async (judgement:JSONJudgementTable) => {
|
||||
let judgementOwner = await db
|
||||
.selectFrom('users')
|
||||
.where('users.id', '=', judgement.author_id)
|
||||
.selectAll()
|
||||
.executeTakeFirst();
|
||||
|
||||
// It's a JSONJamTable. I don't know why TS hates `number` => `string` conversion.
|
||||
let submittedContent = await db
|
||||
.selectFrom('content')
|
||||
.where('content.id', '=', judgement.content_id)
|
||||
.selectAll()
|
||||
.executeTakeFirst() as unknown as JSONContentTable;
|
||||
|
||||
if (judgementOwner == null) return <p>An error occured.</p>;
|
||||
return (<div style={{
|
||||
margin: "16px 0"
|
||||
}}>
|
||||
<h2><Link href={`/jams/content/${content.id}`}>{content.name}</Link></h2>
|
||||
<p><small>Submitted {new Date(parseInt(content.submitted)).toDateString()} to <a href={`/jams/jam/${submittedJam.id}?until=${content.submitted}`}>{submittedJam.name}</a></small></p>
|
||||
<p>{content.description}</p>
|
||||
</div>);
|
||||
})}
|
||||
<div className="navigation">
|
||||
<ConditionalNull condition={contentPage < curDate}>
|
||||
<Link href={`?`}>Later</Link>
|
||||
</ConditionalNull>
|
||||
<ConditionalNull condition={content.length > 20}>
|
||||
<Link href={`?conuntil=${parseInt(content.at(-1)?.submitted || contentPage + "") - 1}`}>Earlier</Link>
|
||||
</ConditionalNull>
|
||||
</div>
|
||||
</ConditionalNull>
|
||||
<ConditionalNull condition={judgements.length > 0}>
|
||||
<h1>Judgements</h1>
|
||||
{judgements.map(async (judgement:JSONJudgementTable) => {
|
||||
let judgementOwner = await db
|
||||
.selectFrom('users')
|
||||
.where('users.id', '=', judgement.author_id)
|
||||
.selectAll()
|
||||
.executeTakeFirst();
|
||||
|
||||
// It's a JSONJamTable. I don't know why TS hates `number` => `string` conversion.
|
||||
let submittedContent = await db
|
||||
.selectFrom('content')
|
||||
.where('content.id', '=', judgement.content_id)
|
||||
.selectAll()
|
||||
.executeTakeFirst() as unknown as JSONContentTable;
|
||||
|
||||
if (judgementOwner == null) return <p>An error occured.</p>;
|
||||
|
||||
return (<div style={{
|
||||
margin: "16px 0"
|
||||
}}>
|
||||
<h2><a href={`/jams/content/${judgement.content_id}?until=${judgement.published}`}>{`${judgementOwner.username}@${judgementOwner.instance}`}</a></h2>
|
||||
<p><small>Published {new Date(parseInt(judgement.published)).toDateString()} on <a href={`/jams/content/${submittedContent.id}?until=${judgement.published}`}>{submittedContent.name}</a></small></p>
|
||||
<p>{judgement.content}</p>
|
||||
</div>);
|
||||
})}
|
||||
{/* <div className="navigation">
|
||||
<ConditionalNull condition={curPage < curDate}>
|
||||
<Link href={`?`}>Later</Link>
|
||||
</ConditionalNull>
|
||||
<Link href={`?until=${content.at(-1)?.submitted}`}>Earlier</Link>
|
||||
</div> */}
|
||||
return (<div style={{
|
||||
margin: "16px 0"
|
||||
}}>
|
||||
<h2><a href={`/jams/content/${judgement.content_id}?until=${judgement.published}`}>{`${judgementOwner.username}@${judgementOwner.instance}`}</a></h2>
|
||||
<p><small>Published {new Date(parseInt(judgement.published)).toDateString()} on <a href={`/jams/content/${submittedContent.id}?until=${judgement.published}`}>{submittedContent.name}</a></small></p>
|
||||
<p>{judgement.content}</p>
|
||||
</div>);
|
||||
})}
|
||||
<div className="navigation">
|
||||
<ConditionalNull condition={judgementPage < curDate}>
|
||||
<Link href={`?`}>Later</Link>
|
||||
</ConditionalNull>
|
||||
<ConditionalNull condition={judgements.length > 20}>
|
||||
<Link href={`?juduntil=${parseInt(judgements.at(-1)?.published || judgementPage + "") - 1}`}>Earlier</Link>
|
||||
</ConditionalNull>
|
||||
</div>
|
||||
</ConditionalNull>
|
||||
</MainLayout>
|
||||
)
|
||||
}
|
||||
Loading…
Reference in a new issue