Infrastructure/zipline
1
Fork 0
Code Issues Pull requests Activity

fix: title for folders

Browse source
This commit is contained in:
dicedtomato 2023-02-26 04:57:44 +00:00 • committed by GitHub
parent 5379374135
commit 0848702f65
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 35 additions and 26 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

61
src/pages/folder/[id].tsx
View file

@ -3,6 +3,7 @@ import File from 'components/File';
import prisma from 'lib/prisma';
import { formatRootUrl } from 'lib/utils/urls';
import { GetServerSideProps } from 'next';
import Head from 'next/head';
type LimitedFolder = {
files: {
@ -23,35 +24,42 @@ type LimitedFolder = {
type Props = {
folder: LimitedFolder;
uploadRoute: string;
title: string;
};
export default function EmbeddedFile({ folder }: Props) {
export default function Folder({ title, folder }: Props) {
const full_title = `${title} - ${folder.name}`;
return (
<Container size='lg'>
<Title align='center' my='lg'>
Viewing folder: {folder.name}
</Title>
<SimpleGrid
my='md'
cols={3}
breakpoints={[
{ maxWidth: 600, cols: 1 },
{ maxWidth: 900, cols: 2 },
{ maxWidth: 1200, cols: 3 },
]}
>
{folder.files.map((file, i) => (
<File
key={i}
image={file}
disableMediaPreview={false}
exifEnabled={false}
refreshImages={null}
reducedActions={true}
/>
))}
</SimpleGrid>
</Container>
<>
<Head>
<title>{full_title}</title>
</Head>
<Container size='lg'>
<Title align='center' my='lg'>
Viewing folder: {folder.name}
</Title>
<SimpleGrid
my='md'
cols={3}
breakpoints={[
{ maxWidth: 600, cols: 1 },
{ maxWidth: 900, cols: 2 },
{ maxWidth: 1200, cols: 3 },
]}
>
{folder.files.map((file, i) => (
<File
key={i}
image={file}
disableMediaPreview={false}
exifEnabled={false}
refreshImages={null}
reducedActions={true}
/>
))}
</SimpleGrid>
</Container>
</>
);
}
@ -100,6 +108,7 @@ export const getServerSideProps: GetServerSideProps<Props> = async (context) =>
props: {
folder,
uploadRoute: config.uploader.route,
title: config.website.title,
},
};
};