Adding Footer - Githubissues

prathamjagga / automarket

Auto Market is the online platform to create and use automation apps.

https://automarket-s42l.vercel.app

GNU General Public License v3.0

16 stars 28 forks source link

Adding Footer #46

Closed sristy17 closed 1 month ago

sristy17 commented 2 months ago

Description

Adding Footer

Fixes #35

Type of change

[X] New feature (non-breaking change which adds functionality)

Checklist:

[X] My code follows the style guidelines of this project
[X] I have performed a self-review of my own code
[X] I have commented my code, particularly in hard-to-understand areas
[X] I have made corresponding changes to the documentation
[X] I have added tests that prove my fix is effective or that my feature works

vercel[bot] commented 2 months ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
automarket-s42l	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jul 6, 2024 5:45am

prathamjagga commented 2 months ago

@sristy17 add the

tag in src/app/layout.tsx file at the end of tag and remove it from other files. This will keep the footer on every page since it will then be defined in the layout.

prathamjagga commented 2 months ago

I have tested it on my machine and it is working

sristy17 commented 2 months ago

I have tested it on my machine and it is working

Thanks will try for sure!

sristy17 commented 2 months ago

@sristy17 add the

tag in src/app/layout.tsx file at the end of tag and remove it from other files. This will keep the footer on every page since it will then be defined in the layout.

M still not getting! How to add this just a hint!

prathamjagga commented 2 months ago

Just add footer.tsx in _components and add that footer in the layout file. Also, the footer will be visible after scrolling to the bottom only. src/app/layout.tsx should look like this:

import "~/styles/globals.css";

import { Inter } from "next/font/google";

// import { TRPCReactProvider } from "~/trpc/react";

const inter = Inter({
  subsets: ["latin"],
  variable: "--font-sans",
});

export const metadata = {
  title: "AutoMarket",
  description: "The Web Platform for Micro-automations",
  icons: [{ rel: "icon", url: "/favicon.ico" }],
};

import Footer from "./_components/footer";

export default function RootLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <html lang="en">
      <body className={`font-sans ${inter.variable}`}>
        <>{children}</>
        <Footer/>
      </body>
    </html>
  );
}

sristy17 commented 1 month ago

Just add footer.tsx in _components and add that footer in the layout file. Also, the footer will be visible after scrolling to the bottom only. src/app/layout.tsx should look like this:

import "~/styles/globals.css";

import { Inter } from "next/font/google";

// import { TRPCReactProvider } from "~/trpc/react";

const inter = Inter({
  subsets: ["latin"],
  variable: "--font-sans",
});

export const metadata = {
  title: "AutoMarket",
  description: "The Web Platform for Micro-automations",
  icons: [{ rel: "icon", url: "/favicon.ico" }],
};

import Footer from "./_components/footer";

export default function RootLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <html lang="en">
      <body className={`font-sans ${inter.variable}`}>
        <>{children}</>
        <Footer/>
      </body>
    </html>
  );
}

Hey i need a help, if you dont mind can we connect on discord?

prathamjagga commented 1 month ago

sure, just ping on this username: pratham

Just add footer.tsx in _components and add that footer in the layout file. Also, the footer will be visible after scrolling to the bottom only. src/app/layout.tsx should look like this:

import "~/styles/globals.css";

import { Inter } from "next/font/google";

// import { TRPCReactProvider } from "~/trpc/react";

const inter = Inter({
  subsets: ["latin"],
  variable: "--font-sans",
});

export const metadata = {
  title: "AutoMarket",
  description: "The Web Platform for Micro-automations",
  icons: [{ rel: "icon", url: "/favicon.ico" }],
};

import Footer from "./_components/footer";

export default function RootLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <html lang="en">
      <body className={`font-sans ${inter.variable}`}>
        <>{children}</>
        <Footer/>
      </body>
    </html>
  );
}

Hey i need a help, if you dont mind can we connect on discord?