Refactor content page header

pull/1331/head
Kamran Ahmed 3 years ago
parent fe34e7f8d7
commit 85ac2162bc
  1. 2
      components/content-page-header.tsx
  2. 4
      pages/guides/[guide].tsx
  3. 4
      pages/watch/[video].jsx

@ -6,7 +6,7 @@ type GuideHeaderProps = {
subtitle: string; subtitle: string;
}; };
export function GuideHeader(props: GuideHeaderProps) { export function ContentPageHeader(props: GuideHeaderProps) {
const { title, subtitle } = props; const { title, subtitle } = props;
return ( return (

@ -3,7 +3,7 @@ import { GlobalHeader } from '../../components/global-header';
import { OpensourceBanner } from '../../components/opensource-banner'; import { OpensourceBanner } from '../../components/opensource-banner';
import { UpdatesBanner } from '../../components/updates-banner'; import { UpdatesBanner } from '../../components/updates-banner';
import { Footer } from '../../components/footer'; import { Footer } from '../../components/footer';
import { GuideHeader } from '../../components/guide-header'; import { ContentPageHeader } from '../../components/content-page-header';
import MdRenderer from '../../components/md-renderer'; import MdRenderer from '../../components/md-renderer';
export default function Guide() { export default function Guide() {
@ -13,7 +13,7 @@ export default function Guide() {
<Box bg='white' minH='100vh'> <Box bg='white' minH='100vh'>
<GlobalHeader /> <GlobalHeader />
<Box mb='60px'> <Box mb='60px'>
<GuideHeader <ContentPageHeader
title={'Build it and they will come?'} title={'Build it and they will come?'}
subtitle={'Why “build it and they will come” alone won’t work anymore'} subtitle={'Why “build it and they will come” alone won’t work anymore'}
/> />

@ -3,7 +3,7 @@ import { GlobalHeader } from '../../components/global-header';
import { OpensourceBanner } from '../../components/opensource-banner'; import { OpensourceBanner } from '../../components/opensource-banner';
import { UpdatesBanner } from '../../components/updates-banner'; import { UpdatesBanner } from '../../components/updates-banner';
import { Footer } from '../../components/footer'; import { Footer } from '../../components/footer';
import { GuideHeader } from '../../components/guide-header'; import { ContentPageHeader } from '../../components/content-page-header';
import MdRenderer from '../../components/md-renderer'; import MdRenderer from '../../components/md-renderer';
export default function Video() { export default function Video() {
@ -13,7 +13,7 @@ export default function Video() {
<Box bg='white' minH='100vh'> <Box bg='white' minH='100vh'>
<GlobalHeader /> <GlobalHeader />
<Box mb='60px'> <Box mb='60px'>
<GuideHeader <ContentPageHeader
title={'Build it and they will come?'} title={'Build it and they will come?'}
subtitle={'Why “build it and they will come” alone won’t work anymore'} subtitle={'Why “build it and they will come” alone won’t work anymore'}
/> />

Loading…
Cancel
Save