Fix rendering when trying to access server from state

This commit is contained in:
Dane Everitt 2020-08-22 19:05:43 -07:00
parent 813a671571
commit 56475d89bb
No known key found for this signature in database
GPG key ID: EEA66103B3D71F53
4 changed files with 29 additions and 14 deletions

View file

@ -4,23 +4,20 @@ import { CSSTransition } from 'react-transition-group';
import tw from 'twin.macro';
import FlashMessageRender from '@/components/FlashMessageRender';
import { Helmet } from 'react-helmet';
import useServer from '@/plugins/useServer';
interface Props {
export interface PageContentBlockProps {
title?: string;
className?: string;
showFlashKey?: string;
}
const PageContentBlock: React.FC<Props> = ({ title, showFlashKey, className, children }) => {
const { name } = useServer();
const PageContentBlock: React.FC<PageContentBlockProps> = ({ title, showFlashKey, className, children }) => {
return (
<CSSTransition timeout={150} classNames={'fade'} appear in>
<>
{!!title &&
{title &&
<Helmet>
<title>{name} | {title}</title>
<title>{title}</title>
</Helmet>
}
<ContentContainer css={tw`my-10`} className={className}>

View file

@ -0,0 +1,19 @@
import useServer from '@/plugins/useServer';
import PageContentBlock, { PageContentBlockProps } from '@/components/elements/PageContentBlock';
import React from 'react';
interface Props extends PageContentBlockProps {
title: string;
}
const ServerContentBlock: React.FC<Props> = ({ title, children, ...props }) => {
const { name } = useServer();
return (
<PageContentBlock title={`${name} | ${title}`} {...props}>
{children}
</PageContentBlock>
);
};
export default ServerContentBlock;