Change news archive shapes background
continuous-integration/drone/push Build is passing
Details
continuous-integration/drone/push Build is passing
Details
This commit is contained in:
parent
a14d6401b4
commit
392ff923ed
|
@ -5,6 +5,11 @@ import { MDXRemote } from "next-mdx-remote";
|
||||||
import React from "react";
|
import React from "react";
|
||||||
|
|
||||||
import { NewsCard } from "@/components/NewsCard";
|
import { NewsCard } from "@/components/NewsCard";
|
||||||
|
import {
|
||||||
|
ShapesConfig,
|
||||||
|
defaultGetShapesConfig,
|
||||||
|
GetShapesConfig,
|
||||||
|
} from "@/components/ShapesBackground";
|
||||||
import {
|
import {
|
||||||
getNewsBySlug,
|
getNewsBySlug,
|
||||||
getNewsByTerm,
|
getNewsByTerm,
|
||||||
|
@ -44,6 +49,12 @@ export default function TermNews({ year, term, news }: Props) {
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
TermNews.getShapesConfig = ((width, height) => {
|
||||||
|
return window.innerWidth <= 768
|
||||||
|
? ({} as ShapesConfig)
|
||||||
|
: defaultGetShapesConfig(width, height);
|
||||||
|
}) as GetShapesConfig;
|
||||||
|
|
||||||
export const getStaticProps: GetStaticProps<Props, Params> = async (
|
export const getStaticProps: GetStaticProps<Props, Params> = async (
|
||||||
context
|
context
|
||||||
) => {
|
) => {
|
||||||
|
|
|
@ -3,6 +3,11 @@ import { GetStaticProps } from "next";
|
||||||
import React from "react";
|
import React from "react";
|
||||||
|
|
||||||
import { Link } from "@/components/Link";
|
import { Link } from "@/components/Link";
|
||||||
|
import {
|
||||||
|
ShapesConfig,
|
||||||
|
GetShapesConfig,
|
||||||
|
defaultGetShapesConfig,
|
||||||
|
} from "@/components/ShapesBackground";
|
||||||
|
|
||||||
import styles from "./archive.module.css";
|
import styles from "./archive.module.css";
|
||||||
|
|
||||||
|
@ -32,6 +37,12 @@ export default function NewsArchive({ items }: Props) {
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
NewsArchive.getShapesConfig = ((width, height) => {
|
||||||
|
return window.innerWidth <= 768
|
||||||
|
? ({} as ShapesConfig)
|
||||||
|
: defaultGetShapesConfig(width, height);
|
||||||
|
}) as GetShapesConfig;
|
||||||
|
|
||||||
export const getStaticProps: GetStaticProps<Props> = async () => {
|
export const getStaticProps: GetStaticProps<Props> = async () => {
|
||||||
const years = (await getNewsYears()).reverse();
|
const years = (await getNewsYears()).reverse();
|
||||||
const yearsWithTerms = await Promise.all(
|
const yearsWithTerms = await Promise.all(
|
||||||
|
|
Loading…
Reference in New Issue