www
/
www-new
12
3
Fork 5
Code Issues 58 Pull Requests 42 Projects Releases Wiki Activity

Add constitution and code of conduct pages shapes backgrounds
continuous-integration/drone/push Build is passing Details

This commit is contained in:
Amy 2021-08-23 15:54:56 -04:00
parent d71f942d9c
commit 5bceff26fd
3 changed files with 31 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
components/OrganizedContent/ReadAll.tsx
View File

@ -8,6 +8,12 @@ import {
OrganizedContent,
} from "@/components/OrganizedContent";
import {
mobileShapesConfig,
aboutShapesConfig,
GetShapesConfig,
} from "../ShapesBackground";
import { Header } from "./Header";
export interface SerializedSection {
@ -32,7 +38,7 @@ export interface Options {
export function createReadAllPage({ title, image, pagePath, link }: Options) {
const Link = link ?? createLink(pagePath);
return function Page({ sections }: Props) {
function Page({ sections }: Props) {
const readAllSection = createReadAllSection(
sections.map(({ section, content }) => ({
section,
@ -57,5 +63,12 @@ export function createReadAllPage({ title, image, pagePath, link }: Options) {
</OrganizedContent>
</Header>
);
};
}
// TODO: differentiate between About pages and Resources pages
Page.getShapesConfig = (() => {
return window.innerWidth <= 768 ? mobileShapesConfig : aboutShapesConfig;
}) as GetShapesConfig;
return Page;
}

17
components/OrganizedContent/Section.tsx
View File

@ -7,6 +7,12 @@ import {
OrganizedContent,
} from "@/components/OrganizedContent";
import {
mobileShapesConfig,
aboutShapesConfig,
GetShapesConfig,
} from "../ShapesBackground";
import { Header } from "./Header";
interface Section {
@ -30,7 +36,7 @@ export interface Options {
export function createSectionPage({ title, image, pagePath, link }: Options) {
const Link = link ?? createLink(pagePath);
return function Page(this: void, { content, sections, current }: Props) {
function Page(this: void, { content, sections, current }: Props) {
return (
<Header title={title} image={image}>
<OrganizedContent
@ -42,5 +48,12 @@ export function createSectionPage({ title, image, pagePath, link }: Options) {
</OrganizedContent>
</Header>
);
};
}
// TODO: differentiate between About pages and Resources pages
Page.getShapesConfig = (() => {
return window.innerWidth <= 768 ? mobileShapesConfig : aboutShapesConfig;
}) as GetShapesConfig;
return Page;
}

5
pages/about/our-supporters.tsx
View File

@ -26,8 +26,5 @@ export default function OurSupporters() {
}
OurSupporters.getShapesConfig = (() => {
if (window.innerWidth <= 768) {
return mobileShapesConfig;
}
return aboutShapesConfig;
return window.innerWidth <= 768 ? mobileShapesConfig : aboutShapesConfig;
}) as GetShapesConfig;