fix: refactored layouts #1470

components/Footer.js

@@ -0,0 +1,8 @@
+export default function Footer() {
+  return (
+    <footer className="flex justify-center mt-8 italic">
+      Powered by{" "}
+      <a href="https://github.com/EddieHubCommunity/LinkFree">EddieHub</a>
+    </footer>
+  );
+}

components/layouts/MultiLayout.js

@@ -1,13 +1,12 @@
 import Navbar from "../navbar/Navbar";
+import Footer from "../Footer";
 
 export default function MultiLayout({ children }) {
   return (
     <>
       <Navbar></Navbar>
       <main>{children}</main>
-      <footer className="flex justify-center mt-8 italic">
-        Powered by EddieHub
-      </footer>
+      <Footer></Footer>
     </>
   );
 }

components/layouts/SingleLayout.js

@@ -1,9 +1,10 @@
+import Footer from "../Footer";
+
 export default function SingleLayout({ children }) {
   return (
     <>
-      <p>Single layout</p>
       <main>{children}</main>
-      <footer>Powered by EddieHub</footer>
+      <Footer></Footer>
     </>
   );
 }

components/user/UserPreview.js

@@ -14,9 +14,7 @@ export default function UserPreview({ profile }) {
         className="rounded-full"
       />
       <div>
-        <h3 className="text-2xl font-bold">
-          {profile.name}({profile.views})
-        </h3>
+        <h3 className="text-2xl font-bold">{profile.name}</h3>
         <p>{profile.bio}</p>
       </div>
     </a>

package.json

@@ -4,6 +4,7 @@
   "private": false,
   "homepage": "https://linkfree.eddiehub.org",
   "dependencies": {
+    "@prisma/client": "^4.1.1",
     "next": "12.2.0",
     "react": "18.2.0",
     "react-dom": "18.2.0"
@@ -40,6 +41,7 @@
     "husky": "^7.0.2",
     "lint-staged": "^12.1.4",
     "postcss": "^8.4.14",
+    "prisma": "^4.1.1",
     "tailwindcss": "^3.1.4"
   },
   "cypress-cucumber-preprocessor": {

pages/[username].js

@@ -36,7 +36,7 @@ export default function User({ data }) {
         <link rel="icon" href="/favicon.ico" />
       </Head>
 
-      <div className="mx-auto container">
+      <div className="mx-auto container px-6">
         <div className="flex justify-center gap-x-6">
           <Image
             src={data.avatar}