mirror of
https://github.com/aaronpo97/the-biergarten-app.git
synced 2026-02-16 20:13:49 +00:00
7126c74d5d
Implement edit beer post functionality. Register, edit and create beer post forms are now using the same layout found in components/ui/forms/BeerPostFormPageLayout. All forms are now extracted into their own components and are now found in components. Added redirectIfLoggedIn getServerSidesProp fn for login and register pages.
29 lines
730 B
TypeScript
29 lines
730 B
TypeScript
import { ReactNode, FC } from 'react';
|
|
import { IconType } from 'react-icons';
|
|
|
|
interface FormPageLayoutProps {
|
|
children: ReactNode;
|
|
headingText: string;
|
|
headingIcon: IconType;
|
|
}
|
|
|
|
const FormPageLayout: FC<FormPageLayoutProps> = ({
|
|
children: FormComponent,
|
|
headingIcon,
|
|
headingText,
|
|
}) => {
|
|
return (
|
|
<div className="align-center my-20 flex h-fit flex-col items-center justify-center">
|
|
<div className="w-8/12">
|
|
<div className="my-4 flex flex-col items-center space-y-1">
|
|
{headingIcon({ className: 'text-4xl' })}
|
|
<h1 className="text-3xl font-bold">{headingText}</h1>
|
|
</div>
|
|
<div>{FormComponent}</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default FormPageLayout;
|