refactor: remove MiniFooter from AreaRiservataLayout and update layout usage across pages
This commit is contained in:
parent
a9071b3d2f
commit
7ae27d8e30
13 changed files with 14 additions and 81 deletions
|
|
@ -6,7 +6,7 @@ import {
|
||||||
Sidebar,
|
Sidebar,
|
||||||
} from "~/components/area-riservata/sidebar";
|
} from "~/components/area-riservata/sidebar";
|
||||||
import { BannerFactory } from "~/components/banners";
|
import { BannerFactory } from "~/components/banners";
|
||||||
import { Footer, MiniFooter } from "~/components/footer";
|
import { Footer } from "~/components/footer";
|
||||||
import { LoadingPage } from "~/components/loading";
|
import { LoadingPage } from "~/components/loading";
|
||||||
import { SiteHeader } from "~/components/navbar/site-header";
|
import { SiteHeader } from "~/components/navbar/site-header";
|
||||||
import { UserViewProvider } from "~/lib/userViewContext";
|
import { UserViewProvider } from "~/lib/userViewContext";
|
||||||
|
|
@ -56,7 +56,8 @@ export const Layout = ({
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
interface AreaRiservataLayoutProps extends Props {
|
interface AreaRiservataLayoutProps
|
||||||
|
extends Omit<Props, "noFooter" | "footerClassName"> {
|
||||||
ignoreSessionCheck?: boolean;
|
ignoreSessionCheck?: boolean;
|
||||||
noSidebar?: boolean;
|
noSidebar?: boolean;
|
||||||
}
|
}
|
||||||
|
|
@ -64,11 +65,9 @@ interface AreaRiservataLayoutProps extends Props {
|
||||||
export const AreaRiservataLayout = ({
|
export const AreaRiservataLayout = ({
|
||||||
children,
|
children,
|
||||||
noSidebar,
|
noSidebar,
|
||||||
noFooter,
|
|
||||||
ignoreSessionCheck,
|
ignoreSessionCheck,
|
||||||
bodyClassName,
|
bodyClassName,
|
||||||
containerClassName,
|
containerClassName,
|
||||||
footerClassName,
|
|
||||||
}: AreaRiservataLayoutProps) => {
|
}: AreaRiservataLayoutProps) => {
|
||||||
const { data: bannerData } = api.banners.getBannerData.useQuery({
|
const { data: bannerData } = api.banners.getBannerData.useQuery({
|
||||||
area_riservata: true,
|
area_riservata: true,
|
||||||
|
|
@ -95,7 +94,6 @@ export const AreaRiservataLayout = ({
|
||||||
<LoadingPage />
|
<LoadingPage />
|
||||||
</div>
|
</div>
|
||||||
</main>
|
</main>
|
||||||
{!noFooter && <MiniFooter className={footerClassName} />}
|
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
if (session.status !== "success" || !session.user) {
|
if (session.status !== "success" || !session.user) {
|
||||||
|
|
@ -119,7 +117,6 @@ export const AreaRiservataLayout = ({
|
||||||
<LoadingPage />
|
<LoadingPage />
|
||||||
</div>
|
</div>
|
||||||
</main>
|
</main>
|
||||||
{!noFooter && <MiniFooter className={footerClassName} />}
|
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
@ -153,7 +150,6 @@ export const AreaRiservataLayout = ({
|
||||||
</EnforcedSessionContext.Provider>
|
</EnforcedSessionContext.Provider>
|
||||||
</div>
|
</div>
|
||||||
</main>
|
</main>
|
||||||
{!noFooter && <MiniFooter className={footerClassName} />}
|
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
@ -201,8 +197,6 @@ export const AreaRiservataLayoutUserView = ({
|
||||||
</EnforcedSessionContext.Provider>
|
</EnforcedSessionContext.Provider>
|
||||||
</UserViewProvider>
|
</UserViewProvider>
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
<MiniFooter />
|
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
|
||||||
|
|
@ -78,28 +78,3 @@ export const Footer = ({ className }: FooterProps) => {
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
export const MiniFooter = ({ className }: FooterProps) => {
|
|
||||||
const { t } = useTranslation();
|
|
||||||
return (
|
|
||||||
<div className="mt-auto flex w-full">
|
|
||||||
<footer className={cn("z-40 w-full", className)}>
|
|
||||||
<div className="mx-auto max-w-5xl px-2 py-2 sm:px-6 lg:px-8">
|
|
||||||
<div className="text-center">
|
|
||||||
<Link
|
|
||||||
aria-label="footerLogo"
|
|
||||||
className="font-bold text-2xl tracking-wide antialiased"
|
|
||||||
href="/"
|
|
||||||
>
|
|
||||||
Infoalloggi.it
|
|
||||||
</Link>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="mt-2 text-center text-xs">
|
|
||||||
<p>{t.footer.endtxt}</p>
|
|
||||||
<p>{t.footer.endtxt2}</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</footer>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
|
||||||
|
|
@ -40,11 +40,7 @@ const SchedaAnnuncioPage: NextPageWithLayout<PageProps> = ({
|
||||||
};
|
};
|
||||||
|
|
||||||
SchedaAnnuncioPage.getLayout = function getLayout(page) {
|
SchedaAnnuncioPage.getLayout = function getLayout(page) {
|
||||||
return (
|
return <AreaRiservataLayout noSidebar>{page}</AreaRiservataLayout>;
|
||||||
<AreaRiservataLayout noFooter noSidebar>
|
|
||||||
{page}
|
|
||||||
</AreaRiservataLayout>
|
|
||||||
);
|
|
||||||
};
|
};
|
||||||
|
|
||||||
export default SchedaAnnuncioPage;
|
export default SchedaAnnuncioPage;
|
||||||
|
|
|
||||||
|
|
@ -37,5 +37,5 @@ export async function getServerSideProps() {
|
||||||
}
|
}
|
||||||
|
|
||||||
Comunicazioni.getLayout = function getLayout(page) {
|
Comunicazioni.getLayout = function getLayout(page) {
|
||||||
return <AreaRiservataLayout noFooter>{page}</AreaRiservataLayout>;
|
return <AreaRiservataLayout>{page}</AreaRiservataLayout>;
|
||||||
};
|
};
|
||||||
|
|
|
||||||
|
|
@ -34,11 +34,7 @@ const PaymentRecapPage: NextPageWithLayout<PagamentoRecapProps> = ({
|
||||||
};
|
};
|
||||||
|
|
||||||
PaymentRecapPage.getLayout = function getLayout(page) {
|
PaymentRecapPage.getLayout = function getLayout(page) {
|
||||||
return (
|
return <AreaRiservataLayout noSidebar>{page}</AreaRiservataLayout>;
|
||||||
<AreaRiservataLayout noFooter noSidebar>
|
|
||||||
{page}
|
|
||||||
</AreaRiservataLayout>
|
|
||||||
);
|
|
||||||
};
|
};
|
||||||
|
|
||||||
export default PaymentRecapPage;
|
export default PaymentRecapPage;
|
||||||
|
|
|
||||||
|
|
@ -38,11 +38,7 @@ const CondizioniPage: NextPageWithLayout<CondizioniProps> = ({
|
||||||
};
|
};
|
||||||
|
|
||||||
CondizioniPage.getLayout = function getLayout(page) {
|
CondizioniPage.getLayout = function getLayout(page) {
|
||||||
return (
|
return <AreaRiservataLayout noSidebar>{page}</AreaRiservataLayout>;
|
||||||
<AreaRiservataLayout noFooter noSidebar>
|
|
||||||
{page}
|
|
||||||
</AreaRiservataLayout>
|
|
||||||
);
|
|
||||||
};
|
};
|
||||||
|
|
||||||
export default CondizioniPage;
|
export default CondizioniPage;
|
||||||
|
|
|
||||||
|
|
@ -165,11 +165,7 @@ const ConfirmSection = ({
|
||||||
};
|
};
|
||||||
|
|
||||||
ConfermaImmobile.getLayout = function getLayout(page) {
|
ConfermaImmobile.getLayout = function getLayout(page) {
|
||||||
return (
|
return <AreaRiservataLayout noSidebar>{page}</AreaRiservataLayout>;
|
||||||
<AreaRiservataLayout noFooter noSidebar>
|
|
||||||
{page}
|
|
||||||
</AreaRiservataLayout>
|
|
||||||
);
|
|
||||||
};
|
};
|
||||||
|
|
||||||
export default ConfermaImmobile;
|
export default ConfermaImmobile;
|
||||||
|
|
|
||||||
|
|
@ -73,11 +73,7 @@ const FileSection = ({ storageId }: { storageId: string }) => {
|
||||||
};
|
};
|
||||||
|
|
||||||
ContrattoViewer.getLayout = function getLayout(page) {
|
ContrattoViewer.getLayout = function getLayout(page) {
|
||||||
return (
|
return <AreaRiservataLayout noSidebar>{page}</AreaRiservataLayout>;
|
||||||
<AreaRiservataLayout noFooter noSidebar>
|
|
||||||
{page}
|
|
||||||
</AreaRiservataLayout>
|
|
||||||
);
|
|
||||||
};
|
};
|
||||||
|
|
||||||
export default ContrattoViewer;
|
export default ContrattoViewer;
|
||||||
|
|
|
||||||
|
|
@ -69,11 +69,7 @@ const FileSection = ({ storageId }: { storageId: string }) => {
|
||||||
};
|
};
|
||||||
|
|
||||||
ContrattoViewer.getLayout = function getLayout(page) {
|
ContrattoViewer.getLayout = function getLayout(page) {
|
||||||
return (
|
return <AreaRiservataLayout noSidebar>{page}</AreaRiservataLayout>;
|
||||||
<AreaRiservataLayout noFooter noSidebar>
|
|
||||||
{page}
|
|
||||||
</AreaRiservataLayout>
|
|
||||||
);
|
|
||||||
};
|
};
|
||||||
|
|
||||||
export default ContrattoViewer;
|
export default ContrattoViewer;
|
||||||
|
|
|
||||||
|
|
@ -45,11 +45,7 @@ const OnboardServizio: NextPageWithLayout<OnboardServizioProps> = ({
|
||||||
};
|
};
|
||||||
|
|
||||||
OnboardServizio.getLayout = function getLayout(page) {
|
OnboardServizio.getLayout = function getLayout(page) {
|
||||||
return (
|
return <AreaRiservataLayout noSidebar>{page}</AreaRiservataLayout>;
|
||||||
<AreaRiservataLayout noFooter noSidebar>
|
|
||||||
{page}
|
|
||||||
</AreaRiservataLayout>
|
|
||||||
);
|
|
||||||
};
|
};
|
||||||
|
|
||||||
export default OnboardServizio;
|
export default OnboardServizio;
|
||||||
|
|
|
||||||
|
|
@ -48,11 +48,7 @@ const ServicePurchasePage: NextPageWithLayout<ServizioPurchaseProps> = ({
|
||||||
};
|
};
|
||||||
|
|
||||||
ServicePurchasePage.getLayout = function getLayout(page) {
|
ServicePurchasePage.getLayout = function getLayout(page) {
|
||||||
return (
|
return <AreaRiservataLayout noSidebar>{page}</AreaRiservataLayout>;
|
||||||
<AreaRiservataLayout noFooter noSidebar>
|
|
||||||
{page}
|
|
||||||
</AreaRiservataLayout>
|
|
||||||
);
|
|
||||||
};
|
};
|
||||||
|
|
||||||
export default ServicePurchasePage;
|
export default ServicePurchasePage;
|
||||||
|
|
|
||||||
|
|
@ -91,7 +91,7 @@ const PreOnboardServizio: NextPageWithLayout<PreOnboardServizioProps> = ({
|
||||||
|
|
||||||
PreOnboardServizio.getLayout = function getLayout(page) {
|
PreOnboardServizio.getLayout = function getLayout(page) {
|
||||||
return (
|
return (
|
||||||
<AreaRiservataLayout ignoreSessionCheck noFooter noSidebar>
|
<AreaRiservataLayout ignoreSessionCheck noSidebar>
|
||||||
{page}
|
{page}
|
||||||
</AreaRiservataLayout>
|
</AreaRiservataLayout>
|
||||||
);
|
);
|
||||||
|
|
|
||||||
|
|
@ -79,11 +79,7 @@ const RiapriConferma: NextPageWithLayout<RiapriConfermaProps> = ({
|
||||||
};
|
};
|
||||||
|
|
||||||
RiapriConferma.getLayout = function getLayout(page) {
|
RiapriConferma.getLayout = function getLayout(page) {
|
||||||
return (
|
return <AreaRiservataLayout noSidebar>{page}</AreaRiservataLayout>;
|
||||||
<AreaRiservataLayout noFooter noSidebar>
|
|
||||||
{page}
|
|
||||||
</AreaRiservataLayout>
|
|
||||||
);
|
|
||||||
};
|
};
|
||||||
|
|
||||||
export default RiapriConferma;
|
export default RiapriConferma;
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue