61f56f997c
Some checks failed
Test examples / Test Examples (20) (push) Has been cancelled
Test examples / Test Examples (22) (push) Has been cancelled
Lock Threads / action (push) Has been cancelled
Trigger Release / start (push) Has been cancelled
Stale issue handler / stale (push) Has been cancelled
Update Font Data / create-pull-request (push) Has been cancelled
build-and-deploy / deploy-target (push) Has been cancelled
build-and-deploy / build (push) Has been cancelled
build-and-deploy / stable - aarch64-unknown-linux-musl - node@16 (push) Has been cancelled
build-and-deploy / stable - x86_64-unknown-linux-musl - node@16 (push) Has been cancelled
build-and-deploy / stable - aarch64-unknown-linux-gnu - node@16 (push) Has been cancelled
build-and-deploy / stable - x86_64-unknown-linux-gnu - node@16 (push) Has been cancelled
build-and-deploy / stable - aarch64-pc-windows-msvc - node@16 (push) Has been cancelled
build-and-deploy / stable - x86_64-pc-windows-msvc - node@16 (push) Has been cancelled
build-and-deploy / stable - aarch64-apple-darwin - node@16 (push) Has been cancelled
build-and-deploy / stable - x86_64-apple-darwin - node@16 (push) Has been cancelled
build-and-deploy / build-wasm (nodejs) (push) Has been cancelled
build-and-deploy / build-wasm (web) (push) Has been cancelled
build-and-deploy / Deploy preview tarball (push) Has been cancelled
build-and-deploy / Potentially publish release (push) Has been cancelled
build-and-deploy / publish-turbopack-npm-packages (push) Has been cancelled
build-and-deploy / Deploy examples (push) Has been cancelled
build-and-deploy / thank you, build (push) Has been cancelled
build-and-deploy / Upload Turbopack Bytesize metrics to Datadog (push) Has been cancelled
Rspack Next.js development integration tests / Rspack integration tests (push) Has been cancelled
Rspack Next.js production integration tests / Rspack integration tests (push) Has been cancelled
Turbopack Next.js development integration tests / Next.js integration tests (push) Has been cancelled
Turbopack Next.js production integration tests / Next.js integration tests (push) Has been cancelled
Update Rspack test manifest / Update and upload Rspack development test manifest (push) Has been cancelled
Update Rspack test manifest / Update and upload Rspack production test manifest (push) Has been cancelled
Upload bundler test manifests to areweturboyet.com / Upload test results (push) Has been cancelled
Update React / create-pull-request (push) Has been cancelled
test-e2e-project-reset-cron / reset-test-project (push) Has been cancelled
Notify about the top 15 issues/PRs/feature requests (most reacted) in the last 90 days / run (push) Has been cancelled
103 lines
2.7 KiB
JavaScript
103 lines
2.7 KiB
JavaScript
import { useEffect, useState } from "react";
|
|
|
|
import Router from "next/router";
|
|
import App from "next/app";
|
|
import Head from "next/head";
|
|
import { useRouter } from "next/router";
|
|
|
|
import { getMainMenu } from "@/lib/api";
|
|
|
|
import FooterSection from "@/components/footer-section";
|
|
import HeaderSection from "@/components/header-section";
|
|
import ScrollToButtonButton from "@/components/scroll-to-top-button";
|
|
import Preloader from "@/components/preloader";
|
|
|
|
import "bootstrap/dist/css/bootstrap.css";
|
|
import "@/css/lineicons.css";
|
|
|
|
import "@/css/tiny-slider.min.css";
|
|
import "@/css/main.css";
|
|
|
|
function MyApp({ Component, pageProps, mainMenu }) {
|
|
const [isLoading, setIsLoading] = useState(false);
|
|
const router = useRouter();
|
|
const authToken = process.env.NEXT_PUBLIC_BUTTER_CMS_API_KEY;
|
|
|
|
useEffect(() => {
|
|
import("bootstrap/dist/js/bootstrap.js");
|
|
|
|
const showLoader = () => {
|
|
setIsLoading(true);
|
|
};
|
|
|
|
const removeLoader = () => {
|
|
setIsLoading(false);
|
|
};
|
|
|
|
Router.events.on("routeChangeStart", showLoader);
|
|
Router.events.on("routeChangeComplete", removeLoader);
|
|
Router.events.on("routeChangeError", removeLoader);
|
|
|
|
return () => {
|
|
Router.events.off("routeChangeStart", showLoader);
|
|
Router.events.off("routeChangeComplete", removeLoader);
|
|
Router.events.off("routeChangeError", removeLoader);
|
|
};
|
|
}, [authToken, router]);
|
|
|
|
const pageLayout = authToken ? (
|
|
<>
|
|
<HeaderSection mainMenu={mainMenu} />
|
|
<Component {...pageProps} />
|
|
<FooterSection mainMenu={mainMenu} />
|
|
<ScrollToButtonButton />
|
|
</>
|
|
) : (
|
|
<Component {...pageProps} />
|
|
);
|
|
|
|
return (
|
|
<>
|
|
<Head>
|
|
<meta charSet="utf-8" />
|
|
<meta httpEquiv="x-ua-compatible" content="ie=edge" />
|
|
<title>
|
|
Sample Landing Page with Components - powered by ButterCMS
|
|
</title>
|
|
<meta
|
|
name="description"
|
|
content="Sample Landing Page with Components - powered by ButterCMS"
|
|
/>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<link
|
|
rel="shortcut icon"
|
|
type="image/x-icon"
|
|
href="https://buttercms.com/static/v2/images/favicon.png"
|
|
/>
|
|
</Head>
|
|
|
|
{isLoading && <Preloader></Preloader>}
|
|
|
|
{!isLoading && pageLayout}
|
|
</>
|
|
);
|
|
}
|
|
|
|
MyApp.getInitialProps = async (appContext) => {
|
|
const appProps = await App.getInitialProps(appContext);
|
|
const authToken = process.env.NEXT_PUBLIC_BUTTER_CMS_API_KEY;
|
|
let mainMenu = [];
|
|
|
|
if (authToken) {
|
|
try {
|
|
mainMenu = await getMainMenu();
|
|
} catch (e) {
|
|
console.error("Couldn't load main menu links.", e);
|
|
}
|
|
}
|
|
|
|
return { ...appProps, mainMenu };
|
|
};
|
|
|
|
export default MyApp;
|