49 lines
1.5 KiB
TypeScript
49 lines
1.5 KiB
TypeScript
import { Handlers, PageProps } from 'fresh/server.ts';
|
|
|
|
import { Contact, FreshContextState } from '/lib/types.ts';
|
|
import { getContacts, getContactsCount, searchContacts, searchContactsCount } from '/lib/data/contacts.ts';
|
|
import Contacts from '/islands/contacts/Contacts.tsx';
|
|
|
|
interface Data {
|
|
userContacts: Pick<Contact, 'id' | 'first_name' | 'last_name'>[];
|
|
page: number;
|
|
contactsCount: number;
|
|
search?: string;
|
|
}
|
|
|
|
export const handler: Handlers<Data, FreshContextState> = {
|
|
async GET(request, context) {
|
|
if (!context.state.user) {
|
|
return new Response('Redirect', { status: 303, headers: { 'Location': `/login` } });
|
|
}
|
|
|
|
const searchParams = new URL(request.url).searchParams;
|
|
|
|
const page = parseInt(searchParams.get('page') || '1', 10);
|
|
const search = searchParams.get('search') || undefined;
|
|
|
|
const userContacts = search
|
|
? await searchContacts(search, context.state.user.id, page - 1)
|
|
: await getContacts(context.state.user.id, page - 1);
|
|
|
|
const contactsCount = search
|
|
? await searchContactsCount(search, context.state.user.id)
|
|
: await getContactsCount(context.state.user.id);
|
|
|
|
return await context.render({ userContacts, page, contactsCount, search });
|
|
},
|
|
};
|
|
|
|
export default function ContactsPage({ data }: PageProps<Data, FreshContextState>) {
|
|
return (
|
|
<main>
|
|
<Contacts
|
|
initialContacts={data?.userContacts || []}
|
|
page={data?.page || 1}
|
|
contactsCount={data?.contactsCount || 0}
|
|
search={data?.search || ''}
|
|
/>
|
|
</main>
|
|
);
|
|
}
|