style: run prettier
This commit is contained in:
parent
2193d68895
commit
d80c0ec7de
27 changed files with 698 additions and 569 deletions
|
|
@ -1,9 +1,9 @@
|
|||
import { AppProps } from 'next/app';
|
||||
import { AppProps } from "next/app";
|
||||
|
||||
import '@/css/tailwind.css';
|
||||
import "@/css/tailwind.css";
|
||||
|
||||
function App({ Component, pageProps }: AppProps) {
|
||||
return (<Component {...pageProps} />);
|
||||
return <Component {...pageProps} />;
|
||||
}
|
||||
|
||||
export default App;
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
import { Head, Html, Main, NextScript } from 'next/document'
|
||||
import { Head, Html, Main, NextScript } from "next/document";
|
||||
|
||||
export default function Document(props: any) {
|
||||
let pageProps = props.__NEXT_DATA__?.props?.pageProps
|
||||
let pageProps = props.__NEXT_DATA__?.props?.pageProps;
|
||||
|
||||
return (
|
||||
<Html
|
||||
|
|
@ -19,19 +19,37 @@ export default function Document(props: any) {
|
|||
rel="stylesheet"
|
||||
href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Lexend:wght@400;500&display=swap"
|
||||
/> */}
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
|
||||
<link
|
||||
rel="apple-touch-icon"
|
||||
sizes="180x180"
|
||||
href="/apple-touch-icon.png"
|
||||
/>
|
||||
<link
|
||||
rel="icon"
|
||||
type="image/png"
|
||||
sizes="32x32"
|
||||
href="/favicon-32x32.png"
|
||||
/>
|
||||
<link
|
||||
rel="icon"
|
||||
type="image/png"
|
||||
sizes="16x16"
|
||||
href="/favicon-16x16.png"
|
||||
/>
|
||||
<link rel="manifest" href="/site.webmanifest" />
|
||||
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5" />
|
||||
<meta name="msapplication-TileColor" content="#da532c" />
|
||||
<meta name="theme-color" content="#ffffff" />
|
||||
<script defer data-domain="vojtechmares.com" src="https://plausible.io/js/script.js"></script>
|
||||
<script
|
||||
defer
|
||||
data-domain="vojtechmares.com"
|
||||
src="https://plausible.io/js/script.js"
|
||||
></script>
|
||||
</Head>
|
||||
<body className="flex h-full flex-col">
|
||||
<Main />
|
||||
<NextScript />
|
||||
</body>
|
||||
</Html>
|
||||
)
|
||||
);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,15 +1,15 @@
|
|||
import Head from "next/head";
|
||||
|
||||
import { Header } from "@/components/Header"
|
||||
import { Hero } from "@/components/Hero"
|
||||
import { CallToAction } from '@/components/CallToAction'
|
||||
import { Faqs } from '@/components/Faqs'
|
||||
import { Footer } from '@/components/Footer'
|
||||
import { Pricing } from '@/components/Pricing'
|
||||
import { PrimaryFeatures } from '@/components/PrimaryFeatures'
|
||||
import { TechStack } from '@/components/TechStack'
|
||||
import { Testimonials } from '@/components/Testimonials'
|
||||
import { Environment } from '@/components/Environment'
|
||||
import { Header } from "@/components/Header";
|
||||
import { Hero } from "@/components/Hero";
|
||||
import { CallToAction } from "@/components/CallToAction";
|
||||
import { Faqs } from "@/components/Faqs";
|
||||
import { Footer } from "@/components/Footer";
|
||||
import { Pricing } from "@/components/Pricing";
|
||||
import { PrimaryFeatures } from "@/components/PrimaryFeatures";
|
||||
import { TechStack } from "@/components/TechStack";
|
||||
import { Testimonials } from "@/components/Testimonials";
|
||||
import { Environment } from "@/components/Environment";
|
||||
|
||||
export default function Home() {
|
||||
return (
|
||||
|
|
|
|||
|
|
@ -1,24 +1,24 @@
|
|||
import Head from "next/head"
|
||||
import { useRouter } from "next/router"
|
||||
import ErrorPage from "next/error"
|
||||
import Head from "next/head";
|
||||
import { useRouter } from "next/router";
|
||||
import ErrorPage from "next/error";
|
||||
|
||||
import TrainingType from "@/types/training"
|
||||
import { getAllTraining, getTrainingBySlug } from "@/lib/cms/training"
|
||||
import markdownToHTML from "@/lib/markdownToHTML"
|
||||
import { Header } from "@/components/Header"
|
||||
import { Footer } from "@/components/Footer"
|
||||
import { Training } from "@/components/Training"
|
||||
import TrainingType from "@/types/training";
|
||||
import { getAllTraining, getTrainingBySlug } from "@/lib/cms/training";
|
||||
import markdownToHTML from "@/lib/markdownToHTML";
|
||||
import { Header } from "@/components/Header";
|
||||
import { Footer } from "@/components/Footer";
|
||||
import { Training } from "@/components/Training";
|
||||
|
||||
type Props = {
|
||||
training: TrainingType
|
||||
featuredTrainingList: TrainingType[]
|
||||
}
|
||||
training: TrainingType;
|
||||
featuredTrainingList: TrainingType[];
|
||||
};
|
||||
|
||||
const TrainingPage = ({ training, featuredTrainingList}: Props) => {
|
||||
const router = useRouter()
|
||||
console.log(!router.isFallback)
|
||||
console.log(!training?.slug)
|
||||
console.log(typeof training.draft === 'undefined')
|
||||
const TrainingPage = ({ training, featuredTrainingList }: Props) => {
|
||||
const router = useRouter();
|
||||
console.log(!router.isFallback);
|
||||
console.log(!training?.slug);
|
||||
console.log(typeof training.draft === "undefined");
|
||||
// if ((!router.isFallback && !training?.slug) || typeof training.draft === 'undefined') {
|
||||
// return <ErrorPage statusCode={404} />
|
||||
// }
|
||||
|
|
@ -26,7 +26,10 @@ const TrainingPage = ({ training, featuredTrainingList}: Props) => {
|
|||
return (
|
||||
<>
|
||||
<Head>
|
||||
<title>Školení {training.name} | Vojtěch Mareš - DevOps konzultant, lektor, engineer</title>
|
||||
<title>
|
||||
Školení {training.name} | Vojtěch Mareš - DevOps konzultant, lektor,
|
||||
engineer
|
||||
</title>
|
||||
|
||||
<meta
|
||||
name="description"
|
||||
|
|
@ -39,54 +42,54 @@ const TrainingPage = ({ training, featuredTrainingList}: Props) => {
|
|||
</main>
|
||||
<Footer />
|
||||
</>
|
||||
)
|
||||
}
|
||||
);
|
||||
};
|
||||
|
||||
export default TrainingPage
|
||||
export default TrainingPage;
|
||||
|
||||
type Params = {
|
||||
params: {
|
||||
slug: string
|
||||
}
|
||||
}
|
||||
slug: string;
|
||||
};
|
||||
};
|
||||
|
||||
export const getStaticProps = async ({ params }: Params) => {
|
||||
const training = getTrainingBySlug(params.slug, [
|
||||
'name',
|
||||
'content',
|
||||
'priceOpen',
|
||||
'priceCompany',
|
||||
'days',
|
||||
'logo',
|
||||
'content',
|
||||
'draft',
|
||||
'new',
|
||||
'featured',
|
||||
])
|
||||
"name",
|
||||
"content",
|
||||
"priceOpen",
|
||||
"priceCompany",
|
||||
"days",
|
||||
"logo",
|
||||
"content",
|
||||
"draft",
|
||||
"new",
|
||||
"featured",
|
||||
]);
|
||||
|
||||
const content = await markdownToHTML(training.content || '')
|
||||
const content = await markdownToHTML(training.content || "");
|
||||
|
||||
return {
|
||||
props: {
|
||||
training: {
|
||||
...training,
|
||||
content,
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
},
|
||||
};
|
||||
};
|
||||
|
||||
export const getStaticPaths = async () => {
|
||||
const trainingList = getAllTraining(['slug'])
|
||||
const trainingList = getAllTraining(["slug"]);
|
||||
|
||||
return {
|
||||
paths: trainingList.map((training) => {
|
||||
return {
|
||||
params: {
|
||||
slug: training.slug,
|
||||
}
|
||||
}
|
||||
},
|
||||
};
|
||||
}),
|
||||
fallback: false,
|
||||
}
|
||||
}
|
||||
};
|
||||
};
|
||||
|
|
|
|||
|
|
@ -1,41 +1,43 @@
|
|||
import Head from "next/head";
|
||||
|
||||
import { Header } from "@/components/Header"
|
||||
import { Footer } from '@/components/Footer'
|
||||
import { Header } from "@/components/Header";
|
||||
import { Footer } from "@/components/Footer";
|
||||
import { getAllTraining } from "@/lib/cms/training";
|
||||
import TrainingType from "@/types/training";
|
||||
import { TrainingListGrid } from "@/components/TrainingListGrid";
|
||||
|
||||
export const getStaticProps = async () => {
|
||||
const allTraining = getAllTraining([
|
||||
'name',
|
||||
'slug',
|
||||
'logo',
|
||||
'description',
|
||||
'days',
|
||||
'weight',
|
||||
'featured',
|
||||
'new',
|
||||
'draft',
|
||||
])
|
||||
"name",
|
||||
"slug",
|
||||
"logo",
|
||||
"description",
|
||||
"days",
|
||||
"weight",
|
||||
"featured",
|
||||
"new",
|
||||
"draft",
|
||||
]);
|
||||
|
||||
return {
|
||||
props: { allTraining },
|
||||
}
|
||||
}
|
||||
};
|
||||
};
|
||||
|
||||
type Props = {
|
||||
allTraining: TrainingType[]
|
||||
}
|
||||
allTraining: TrainingType[];
|
||||
};
|
||||
|
||||
const TrainingList = ({ allTraining }: Props) => {
|
||||
// remove drafts
|
||||
const trainingList = allTraining.filter((val) => !val.draft)
|
||||
const trainingList = allTraining.filter((val) => !val.draft);
|
||||
|
||||
return (
|
||||
<>
|
||||
<Head>
|
||||
<title>Moje školení | Vojtěch Mareš - DevOps konzultant, lektor, engineer</title>
|
||||
<title>
|
||||
Moje školení | Vojtěch Mareš - DevOps konzultant, lektor, engineer
|
||||
</title>
|
||||
|
||||
<meta
|
||||
name="description"
|
||||
|
|
@ -49,6 +51,6 @@ const TrainingList = ({ allTraining }: Props) => {
|
|||
<Footer />
|
||||
</>
|
||||
);
|
||||
}
|
||||
};
|
||||
|
||||
export default TrainingList
|
||||
export default TrainingList;
|
||||
|
|
|
|||
Reference in a new issue