on to preview section

package.json

@@ -38,6 +38,7 @@
     "prisma": "^5.7.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
+    "react-icons": "^4.12.0",
     "tailwind-merge": "^2.1.0",
     "tailwindcss-animate": "^1.0.7",
     "vaul": "^0.8.0",

prisma/schema.prisma

@@ -64,8 +64,12 @@ model UserBio {
     twitterLink    String?
     linkedinLink   String?
     portfolioLink  String?
+    youtubeLink    String?
+    discordLink    String?
+    hashnodeLink   String?
+    mediumLink     String?
+    devdotToLink   String?
     projectLink    String[]
-    // publishedOrDraft isPublished
     displayProfile Boolean
 
     @@unique([id, email, githubLink, twitterLink, linkedinLink, portfolioLink, projectLink])

src/actions/submit-user-bio.ts

@@ -2,6 +2,7 @@
 
 import { db } from "@/server/db";
 import { redirect } from "next/navigation";
+import type { TUserBio } from "types";
 
 
 export async function submitUserBio(data: TUserBio) {

src/app/(pages)/(landing-page)/layout.tsx

@@ -1,5 +1,7 @@
 import type { Metadata } from "next";
 
+import type { ILayout } from "types";
+
 
 export const metadata: Metadata = {
   title: "Bio Sync",

src/app/(pages)/dashboard/_components/buttons/github-button.tsx

@@ -0,0 +1,21 @@
+import { Button } from "@/components/ui/button";
+import { GithubIcon } from "lucide-react";
+import Link from "next/link";
+
+export default function GithubLinkButton() {
+  return (
+    <Link
+      target="_blank"
+      href={"https://github.com/rohitmondal03/bio-sync"}
+      className="hidden lg:block"
+    >
+      <Button
+        variant={"default"}
+        type="button"
+        className="btn w-full"
+      >
+        GitHub <GithubIcon className="icon" />
+      </Button>
+    </Link>
+  )
+}

src/app/(pages)/dashboard/_components/buttons/preview-button.tsx

@@ -10,7 +10,7 @@ export default function PreviewButton() {
     <Button
       type="button"
       variant={"default"}
-      className="btn"
+      className="btn block lg:hidden"
     >
       Preview <ScreenShare className="icon" />
     </Button>