+
@@ -182,11 +185,20 @@ export function Component(props: Props) {
className={cn(
"rounded-[8px] border border-input bg-background px-4 py-6 text-foreground placeholder-muted-foreground focus:z-10 focus:border-primary focus:outline-none sm:text-sm",
input.name === "password" && "pr-12",
+ input.name !== "email" && "pl-12",
+ validPassword &&
+ input.name === "password" &&
+ auth === "signup" &&
+ "border-green-600 focus:border-green-600",
)}
/>
setRevealPassword(!revealPassword)}
>
{revealPassword ? (
@@ -195,9 +207,118 @@ export function Component(props: Props) {
))}
+ {auth === "signup" && (
+
@@ -182,11 +185,20 @@ export function Component(props: Props) {
className={cn(
"rounded-[8px] border border-input bg-background px-4 py-6 text-foreground placeholder-muted-foreground focus:z-10 focus:border-primary focus:outline-none sm:text-sm",
input.name === "password" && "pr-12",
+ input.name !== "email" && "pl-12",
+ validPassword &&
+ input.name === "password" &&
+ auth === "signup" &&
+ "border-green-600 focus:border-green-600",
)}
/>
setRevealPassword(!revealPassword)}
>
{revealPassword ? (
@@ -195,9 +207,118 @@ export function Component(props: Props) {
-
+ Your password must be
+
- + {" "} + {validatePassword(password, 2) ? ( + + ✓ + + ) : ( + • + )}{" "} + uppercase/lowercase and digits + +
- + {" "} + {validatePassword(password, 3) ? ( + + ✓ + + ) : ( + • + )}{" "} + special characters like !@#$%^&*()_+ + +
- + {" "} + {validatePassword(password, 1) ? ( + + ✓ + + ) : ( + • + )}{" "} + at least 8 characters long + +
+
+
+ ))} */}
+
{auth === "login" && (
@@ -257,7 +378,7 @@ function validatePassword(password: string, customCheck: number = 0): boolean {
const re =
/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[!@#$%^&*()_+])[A-Za-z\d!@#$%^&*()_+]{8,}$/;
const special = /[!@#$%^&*()_+]/;
- const upper_lower_digit = /^(?=.*[a-z])(?=.*[A-Z])(?=.x\d)[A-Za-z\d]{8,}$/;
+ const upper_lower_digit = /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)/;
if (!customCheck) return re.test(password);
if (customCheck === 1) return password.length >= 8;
if (customCheck === 2) return upper_lower_digit.test(password);
diff --git a/src/app/auth/component/styles.module.css b/src/app/auth/component/styles.module.css
index e13e8fd..77d1624 100644
--- a/src/app/auth/component/styles.module.css
+++ b/src/app/auth/component/styles.module.css
@@ -12,7 +12,7 @@
.inputicon {
position:absolute;
top: 50%;
- color: rgba(var(--black-light), .45);
+ border-radius: 50%;
font-size: 1rem;
transform: translateY(-50%);
transition: 0.5s ease;
@@ -23,5 +23,11 @@
cursor: pointer;
}
.eyeicon:hover {
- color: rgba(var(--black-light), .65);
+ background: rgba(var(--white), .03);
+}
+.mailicon {
+ left: 15px;
+}
+.passwordicon {
+ left: 15px;
}
\ No newline at end of file
diff --git a/src/app/auth/confirm/route.ts b/src/app/auth/confirm/route.ts
index 413a47c..3fa9743 100644
--- a/src/app/auth/confirm/route.ts
+++ b/src/app/auth/confirm/route.ts
@@ -7,7 +7,7 @@ export async function GET(req: NextRequest) {
const { searchParams } = new URL(req.url);
const token_hash = searchParams.get("token_hash");
const type = searchParams.get("type") as EmailOtpType | null;
- const next = searchParams.get("next") ?? "/form_create";
+ const next = searchParams.get("next") ?? "/account";
const redirectTo = req.nextUrl.clone();
redirectTo.pathname = next;
diff --git a/src/app/auth/page.tsx b/src/app/auth/page.tsx
index dfcf17e..f10a65b 100644
--- a/src/app/auth/page.tsx
+++ b/src/app/auth/page.tsx
@@ -51,7 +51,7 @@ export default function Auth() {
setError(error);
return false;
} else {
- router.push("/form_create");
+ router.push("/account");
}
}
diff --git a/src/app/auth/update_password/page.tsx b/src/app/auth/update_password/page.tsx
index e443363..24f8cda 100644
--- a/src/app/auth/update_password/page.tsx
+++ b/src/app/auth/update_password/page.tsx
@@ -34,7 +34,7 @@ export default function Update_password() {
if (error) {
setErrorMsg(error.message);
} else {
- router.replace("/form_create");
+ router.replace("/account");
}
}
diff --git a/src/app/blogwriter/page.tsx b/src/app/blogwriter/page.tsx
index f910dd7..407618c 100644
--- a/src/app/blogwriter/page.tsx
+++ b/src/app/blogwriter/page.tsx
@@ -24,4 +24,4 @@ const Example = () => {
);
};
-export default Example;
\ No newline at end of file
+export default Example;
diff --git a/src/app/contact_us/components/manSittingAtTableSvg.js b/src/app/contact_us/components/manSittingAtTableSvg.js
index a38d55a..08bec03 100644
--- a/src/app/contact_us/components/manSittingAtTableSvg.js
+++ b/src/app/contact_us/components/manSittingAtTableSvg.js
@@ -1,34 +1,190 @@
-const ManSittingAtTableSvg = ()=>(
-
-
+const ManSittingAtTableSvg = () => (
+
);
-export default ManSittingAtTableSvg;
\ No newline at end of file
+export default ManSittingAtTableSvg;
diff --git a/src/app/contact_us/components/manWithLaptopSvg.js b/src/app/contact_us/components/manWithLaptopSvg.js
index fd0cfb9..050344c 100644
--- a/src/app/contact_us/components/manWithLaptopSvg.js
+++ b/src/app/contact_us/components/manWithLaptopSvg.js
@@ -1,26 +1,125 @@
-const ManWithLaptopSvg =()=> (
-
+const ManWithLaptopSvg = () => (
+
);
-export default ManWithLaptopSvg;
\ No newline at end of file
+export default ManWithLaptopSvg;
diff --git a/src/app/contact_us/page.jsx b/src/app/contact_us/page.jsx
index 5c2b13c..e599f5c 100644
--- a/src/app/contact_us/page.jsx
+++ b/src/app/contact_us/page.jsx
@@ -1,5 +1,5 @@
"use client";
-import React, { useState}from "react";
+import React, { useState } from "react";
import Image from "next/image";
import Link from "next/link";
import { Input } from "@/components/ui/input";
@@ -11,358 +11,357 @@ import "./styles.css";
import { Montserrat } from "next/font/google";
const montserratFont = Montserrat({
- weight: ["100", "200", "400", "600"],
- subsets: ["latin"],
+ weight: ["100", "200", "400", "600"],
+ subsets: ["latin"],
});
export default function Page() {
- const [messageOrBugDropdown,setMessageOrBugDropdown] = useState(false);
- const [messageOrBug, setMessageOrBug] = useState("Message");
+ const [messageOrBugDropdown, setMessageOrBugDropdown] = useState(false);
+ const [messageOrBug, setMessageOrBug] = useState("Message");
- const [formSubmitted, setFormSubmitted] = useState(false);
+ const [formSubmitted, setFormSubmitted] = useState(false);
- const linkedInLink = "https://www.linkedin.com/company/iiitvcc/";
- const twitterLink = "https://x.com/iiitvcc";
- const instagramLink = "https://www.instagram.com/codingclub_iiitv/";
- const facebookLink = "https://www.facebook.com/iiitvcc/";
- const ccEmailLink = "mailto:codingclub@iiitvadodara.ac.in";
+ const linkedInLink = "https://www.linkedin.com/company/iiitvcc/";
+ const twitterLink = "https://x.com/iiitvcc";
+ const instagramLink = "https://www.instagram.com/codingclub_iiitv/";
+ const facebookLink = "https://www.facebook.com/iiitvcc/";
+ const ccEmailLink = "mailto:codingclub@iiitvadodara.ac.in";
- function handleDropDownClick(){
- setMessageOrBugDropdown(prev=>!prev)
- }
- return (
-
-
-
- IIIT Vadodara
- -Coding Club
-
-
- - Contact Us -
-
-
- - At the Coding Club of IIIT Vadodara, we're more than just a group of - programmers—we're a community of innovators, creators, and - problem-solvers. Whether you have a burning question, a brilliant - idea, or just want to collaborate with like-minded tech enthusiasts, - we're here to connect. Reach out to us and let's turn your coding - dreams into reality! -
-
-
-
+
+
+ IIIT Vadodara
+ +Coding Club
+
+
+ + Contact Us +
+
+
+ + At the Coding Club of IIIT Vadodara, we're more than just a group of + programmers—we're a community of innovators, creators, and + problem-solvers. Whether you have a burning question, a brilliant + idea, or just want to collaborate with like-minded tech enthusiasts, + we're here to connect. Reach out to us and let's turn your coding + dreams into reality! +
+
+
+
+ {formSubmitted ? (
+
+
+ ) : (
+ + Message Send Succesfully... +
+
+
;
+}) => {
+ return (
+
+
+
+ );
+};
diff --git a/src/app/home/layout.tsx b/src/app/home/layout.tsx
index 4e8a137..8b28540 100644
--- a/src/app/home/layout.tsx
+++ b/src/app/home/layout.tsx
@@ -2,29 +2,34 @@ import React from "react";
import Navbar from "@/components/navbar";
import Footer from "@/components/footer";
import type { Metadata } from "next";
+import Head from "next/head";
interface RootLayoutProps {
children: React.ReactNode;
}
-export const metadata: Metadata = {
- title: "Coding Club IIITV",
- description:
- "IIITV Coding Club Community Website | Workshops | Mentorship | Community",
- openGraph: {
- title: "Coding Club IIITV",
- description:
- "IIITV Coding Club Community Website | Workshops | Mentorship | Community",
- images: ["https://iiitvcc.vercel.app/LinkPreview.png"],
- type: "website",
- locale: "en_IN",
- url: "https://iiitvcc.vercel.app",
- },
-};
-
export default function RootLayout({ children }: RootLayoutProps) {
return (
<>
+
+
+
+
+
+
+
+
+
+
+
- {eventVenueLink?
-
-
:null}
+ {eventVenueLink ? (
+
+
+ ) : null}
+
+
+ {firstRow.map((product) => (
+
+
+ {secondRow.map((product) => (
+
+
+ {thirdRow.map((product) => (
+
+
+
+ );
+};
+
+export const Header = () => {
+ return (
+
+
+ The Ultimate
+
+ );
+};
+
+export const ProductCard = ({
+ product,
+ translate,
+}: {
+ product: {
+ title: string;
+ link: string;
+ thumbnail: string;
+ };
+ translate: MotionValue
+ The Ultimate
Coding Experience
+
+ + Join our vibrant community of coders and unlock your full potential + through workshops, events, and shared resources. +
+
+
+ Join Now
+
+
+ Learn More
+
+
+ + {product.title} +
+
-
-
-
+ {/*
+
+
(null);
+ const [isScroll, setIsScroll] = useState(-1);
+
+ useEffect(() => {
+ const handleScroll = () => {
+ setIsScroll(window.scrollY);
+ };
+ window.addEventListener("scroll", handleScroll);
+ return () => window.removeEventListener("scroll", handleScroll);
+ }, []);
+
+ return (
+
+
+ );
+};
+
+export default TeamSection;
diff --git a/src/app/members/styles.css b/src/app/members/styles.css
new file mode 100644
index 0000000..e0641e3
--- /dev/null
+++ b/src/app/members/styles.css
@@ -0,0 +1,147 @@
+@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;800&display=swap");
+
+img {
+ max-width: 100%;
+ display: block;
+}
+
+ul {
+ list-style-type: none;
+}
+
+ul i {
+ color: #fff;
+ font-size: clamp(0.9rem, 0.825rem + 0.3vw, 1.2rem);
+}
+
+ul i:hover {
+ color: #f2709c;
+}
+
+section {
+ font-family: "Poppins", sans-serif;
+ font-weight: 300;
+ font-style: normal;
+ padding-block: min(20vh, 6rem);
+ text-align: center;
+ width: calc(min(90rem, 90%));
+ margin-inline: auto;
+}
+
+section span,
+section p,
+section h2,
+section h3 {
+ letter-spacing: 0.035rem;
+}
+
+section p {
+ line-height: 1.6;
+ color: #a3a3a3;
+ max-width: 50rem;
+ margin: 0 auto;
+ font-size: clamp(0.9rem, 0.825rem + 0.3vw, 1.2rem);
+}
+
+.cards {
+ margin-top: 7rem;
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(min(12rem, 100%), 1fr));
+ gap: 2rem;
+}
+
+.card {
+ position: relative;
+ cursor: pointer;
+ transition: all .4s ease;
+
+}
+
+.card h3,
+.card p {
+ text-transform: capitalize;
+}
+
+.card h3 {
+ font-size: clamp(1rem, 0.9167rem + 0.2667vw, 1.25rem);
+ font-weight: 400;
+ color: #f6f6f6;
+}
+
+.card p {
+ font-size: clamp(0.85rem, 0.75rem + 0.32vw, 1.15rem);
+ letter-spacing: 0.12rem;
+ font-weight: 300;
+ max-width: 100%;
+}
+
+.card::before {
+ position: absolute;
+ content: "";
+ width: 5rem;
+ height: 6.25rem;
+ z-index: 0;
+ transition: 0.3s ease-in-out;
+ background: #f2709c;
+ background: -webkit-linear-gradient(to left, #ff9472, #f2709c);
+ background: linear-gradient(to left, #ff9472, #f2709c);
+ top: -0.375rem;
+ left: -0.375rem;
+}
+
+.card::after {
+ position: absolute;
+ inset: 0;
+ content: "";
+ width: 100%;
+ height: 100%;
+ background: #232526;
+ background: -webkit-linear-gradient(
+ to bottom,
+ hsl(210deg 2.99% 26.27% / 20%),
+ hsl(0deg 0% 3.14% / 90%)
+ );
+ background: linear-gradient(
+ to bottom,
+ hsl(210deg 2.99% 26.27% / 20%),
+ hsl(0deg 0% 3.14% / 90%)
+ );
+}
+
+.card img {
+ filter: grayscale(100%);
+ transition: 0.5s ease;
+}
+
+.card-content {
+ position: absolute;
+ bottom: 0;
+ z-index: 99;
+ left: 0;
+ color: #fff;
+ width: 100%;
+ padding: 1.875rem 1.25rem;
+ text-align: center;
+}
+
+.card-content ul {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ gap: 0.625rem;
+ margin-top: 1.25rem;
+}
+
+.card:hover img {
+ filter: grayscale(0%);
+}
+
+.card:hover::before {
+ transform: scale(1.03);
+}
+
+.midChild::before {
+ bottom: -0.375rem;
+ left: -0.375rem;
+ top: auto;
+}
\ No newline at end of file
diff --git a/src/components/navbar.jsx b/src/components/navbar.jsx
index 0dae9a4..59f8d97 100644
--- a/src/components/navbar.jsx
+++ b/src/components/navbar.jsx
@@ -1,14 +1,23 @@
"use client";
-import React, { use, useState } from "react";
+import React, { use, useState, useEffect } from "react";
+import axios from "axios";
import "@/styles/navbar.css";
import Link from "next/link";
import Image from "next/image";
import { Noto_Sans } from "next/font/google";
+import { supabase } from "@/utils/supabase/client";
+import { Dropdown_Menu } from "./user_dropdown";
+import { LoggingOut } from "@/components/ui/loggingout";
+
const notoSansFont = Noto_Sans({ weight: ["300", "400"], subsets: ["latin"] });
function Navbar() {
const [hiddenMenu, setHiddenMenu] = useState(true);
+ const [user, setUser] = useState(null);
+ const [username, setUsername] = useState(null);
+ const [loggingOut, setLoggingOut] = useState(false);
+
function MenuToggle() {
setHiddenMenu(!hiddenMenu);
}
@@ -18,10 +27,66 @@ function Navbar() {
const membersLink = "/members";
const contactUsLink = "/contact_us";
+ useEffect(() => {
+ const getUser = async () => {
+ const {
+ data: { user },
+ error,
+ } = await supabase.auth.getUser();
+ if (error) {
+ console.log(error.message);
+ return;
+ }
+ setUser(user);
+ };
+ getUser();
+ }, []);
+
+ useEffect(() => {
+ const getUsername = async () => {
+ const { data, error, status } = await supabase
+ .from("users")
+ .select("username")
+ .eq("id", user.id)
+ .single();
+
+ if (status === 406) {
+ const { error } = await getUsernameFromUser();
+ if (error) throw error;
+ return;
+ }
+ setUsername(data.username);
+ };
+
+ if (user) {
+ getUsername();
+ }
+ }, [user]);
+
+ const logout = async () => {
+ setLoggingOut(true);
+ axios.get("/api/logout").then((res) => {
+ window.location.href = "/home";
+ });
+ };
+
+ if (loggingOut) {
+ return
Unlock Your Coding Potential
-+
Join our vibrant community of coders and unlock your full potential through workshops, events, and shared resources.
diff --git a/src/app/members/data.json b/src/app/members/data.json new file mode 100644 index 0000000..767bd73 --- /dev/null +++ b/src/app/members/data.json @@ -0,0 +1,73 @@ +{ + "2023": [ + { + "name": "Franklin Carlson", + "position": "UX Designer", + "image": "https://images.unsplash.com/photo-1506794778202-cad84cf45f1d?q=80&w=1887&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", + "social": [ + { "platform": "github", "url": "#" }, + { "platform": "linkedin", "url": "#" } + ] + }, + { + "name": "Antonia Moore", + "position": "Product Designer", + "image": "https://images.unsplash.com/photo-1494790108377-be9c29b29330?q=80&w=1887&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", + "social": [ + { "platform": "github", "url": "#" }, + { "platform": "linkedin", "url": "#" } + ] + }, + { + "name": "Travis Lynch", + "position": "Web Developer", + "image": "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?q=80&w=1887&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", + "social": [ + { "platform": "github", "url": "#" }, + { "platform": "linkedin", "url": "#" } + ] + }, + { + "name": "Lila Grant", + "position": "Web Developer", + "image": "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?q=80&w=1887&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", + "social": [ + { "platform": "github", "url": "#" }, + { "platform": "linkedin", "url": "#" } + ] + } + ], + "2022": [ + { + "name": "Mohd Azam", + "position": "Web Developer", + "image": "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?q=80&w=1887&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", + "social": [ + { "platform": "github", "url": "#" }, + { "platform": "linkedin", "url": "#" } + ] + } + ], + "2021": [ + { + "name": "John Doe", + "position": "Web Developer", + "image": "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?q=80&w=1887&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", + "social": [ + { "platform": "github", "url": "#" }, + { "platform": "linkedin", "url": "#" } + ] + } + ], + "developers": [ + { + "name": "John Doe", + "position": "Web Developer", + "image": "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?q=80&w=1887&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", + "social": [ + { "platform": "github", "url": "#" }, + { "platform": "linkedin", "url": "#" } + ] + } + ] +} diff --git a/src/app/event/layout.tsx b/src/app/members/layout.tsx similarity index 100% rename from src/app/event/layout.tsx rename to src/app/members/layout.tsx diff --git a/src/app/members/page.tsx b/src/app/members/page.tsx new file mode 100644 index 0000000..c863f76 --- /dev/null +++ b/src/app/members/page.tsx @@ -0,0 +1,124 @@ +"use client"; +import React, { useState, useEffect } from "react"; +import { Button } from "@/components/ui/button"; +import { cn } from "@/lib/utils"; +import data from "./data.json"; + +import { motion, type Variants } from "framer-motion"; + +// React icon +import { FaLinkedinIn } from "react-icons/fa"; +import { FaGithub } from "react-icons/fa"; +import "./styles.css"; + +const itemVariants: Variants = { + open: { + opacity: 1, + transition: { duration: 0.5 }, + }, + closed: { opacity: 0, transition: { duration: 0.3 } }, +}; + +const TeamSection = () => { + const [teamMembers] = useState<{ + [key: string]: { + name: string; + position: string; + image: string; + social: { platform: string; url: string }[]; + }[]; + }>(data); + const [activeTeam, setActiveTeam] = useState("2023"); + const [focusCard, setFocusCard] = useState+ MEET OUR TEAM +
++ Our team is a group of passionate individuals who are dedicated to + making a difference in the world of technology. We are a diverse group + of people who are united by our love for coding and technology. We are + committed to helping each other grow and learn, and we are always + looking for new members to join us on our journey. If you are passionate + about technology and coding, we would love to have you on our team! +
+
+ {Object.keys(data).map((team, index) => (
+
+ ))}
+
+
+ {activeTeam}
+
+
+ {teamMembers[activeTeam].map((member, index) => (
+ 0 ? "open" : "closed"}
+ variants={itemVariants}
+ key={index}
+ className={cn(
+ "card relative cursor-pointer grayscale-[100%] hover:grayscale-[0%] transition-all rounded-md",
+ index % 3 !== 1
+ ? "translate-y-0"
+ : "translate-y-0 sm:translate-y-[15%] midChild",
+ focusCard !== null &&
+ focusCard !== index &&
+ "scale-[.98] duration-500 blur-[4px]",
+ )}
+ onMouseEnter={() => setFocusCard(index)}
+ onMouseLeave={() => setFocusCard(null)}
+ >
+ 
+
+ ))}
+
+
+
+ {member.name}
++ {member.position} +
+-
+ {member.social.map((social, idx) => (
+
-
+
+ {social.platform === "github" ? (
+
+ ) : ( + + )} + +
+ ))}
+
+
Community
-
+
Events
diff --git a/src/components/ui/EventBox.jsx b/src/components/ui/EventBox.jsx
index 34252ae..8d9f80c 100644
--- a/src/components/ui/EventBox.jsx
+++ b/src/components/ui/EventBox.jsx
@@ -1,14 +1,22 @@
import React from "react";
-function EventBox({ time, category, caption, secondCat = false, hostLink , img }) {
+function EventBox({
+ time,
+ category,
+ caption,
+ secondCat = false,
+ hostLink,
+ img,
+}) {
return (
-
-
-
+
Profile
-
+
Settings
diff --git a/src/utils/supabase/middleware.ts b/src/utils/supabase/middleware.ts
index 59c916b..06ec458 100644
--- a/src/utils/supabase/middleware.ts
+++ b/src/utils/supabase/middleware.ts
@@ -74,10 +74,8 @@ export async function updateSession(request: NextRequest) {
request.nextUrl.pathname === "/auth" ||
request.nextUrl.pathname === "/auth/reset_password")
) {
- response = NextResponse.redirect(
- new URL("/form_create", request.nextUrl.href),
- );
- } else if (!user && request.nextUrl.pathname === "/form_create") {
+ response = NextResponse.redirect(new URL("/account", request.nextUrl.href));
+ } else if (!user && request.nextUrl.pathname === "/account") {
response = NextResponse.redirect(new URL("/auth", request.nextUrl.href));
} else if (!user && request.nextUrl.pathname === "/test_api") {
response = NextResponse.redirect(new URL("/auth", request.nextUrl.href));
@@ -85,6 +83,18 @@ export async function updateSession(request: NextRequest) {
response = NextResponse.redirect(new URL("/auth", request.nextUrl.href));
}
+ // ----------------- ADMIN -----------------
+ // if ( request.nextUrl.pathname.startsWith('/admin') && request.nextUrl.pathname !== '/admin/notAdmin' ) {
+ // if (error || !user) {
+ // return NextResponse.redirect(new URL('/auth', request.nextUrl.href))
+ // }
+ // const isAdmin = await supabase.from('users').select('admin').eq('id', user?.id)
+ // if (isAdmin.error || !isAdmin.data || isAdmin.data.length === 0 || !isAdmin.data[0].admin) {
+ // response = NextResponse.redirect(new URL('/admin/notAdmin', request.nextUrl.href))
+ // }
+ // }
+ // ----------------- ADMIN -----------------
+
// const searchParams = request.nextUrl.searchParams
// if (request.nextUrl.pathname === '/auth/confirm_email') {
diff --git a/tailwind.config.ts b/tailwind.config.ts
index b93a5d7..57fcee6 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -19,11 +19,11 @@ const config: Config = {
"conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))",
},
colors: {
- border: "var(--border)",
input: "var(--input)",
ring: "var(--ring)",
background: "var(--background)",
foreground: "var(--foreground)",
+ border: "var(--border)",
primary: {
DEFAULT: "var(--primary)",
foreground: "var(--primary-foreground)",
+ ) {
+ return (
+
+ );
+}
diff --git a/src/components/ui/switch.tsx b/src/components/ui/switch.tsx
new file mode 100644
index 0000000..b73edee
--- /dev/null
+++ b/src/components/ui/switch.tsx
@@ -0,0 +1,29 @@
+"use client";
+
+import * as React from "react";
+import * as SwitchPrimitives from "@radix-ui/react-switch";
+
+import { cn } from "@/lib/utils";
+
+const Switch = React.forwardRef<
+ React.ElementRef,
+ React.ComponentPropsWithoutRef
+>(({ className, ...props }, ref) => (
+
+
+));
+Switch.displayName = SwitchPrimitives.Root.displayName;
+
+export { Switch };
diff --git a/src/components/ui/textarea.tsx b/src/components/ui/textarea.tsx
new file mode 100644
index 0000000..9f00573
--- /dev/null
+++ b/src/components/ui/textarea.tsx
@@ -0,0 +1,24 @@
+import * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+export interface TextareaProps
+ extends React.TextareaHTMLAttributes {}
+
+const Textarea = React.forwardRef(
+ ({ className, ...props }, ref) => {
+ return (
+
+ );
+ },
+);
+Textarea.displayName = "Textarea";
+
+export { Textarea };
diff --git a/src/app/form_create/components/dropdown_menu.tsx b/src/components/user_dropdown.tsx
similarity index 82%
rename from src/app/form_create/components/dropdown_menu.tsx
rename to src/components/user_dropdown.tsx
index cb8cf32..ff2d578 100644
--- a/src/app/form_create/components/dropdown_menu.tsx
+++ b/src/components/user_dropdown.tsx
@@ -13,10 +13,18 @@ import { JSX, SVGProps, useEffect, useState } from "react";
interface Props extends React.HTMLAttributes {
email: string | null;
username: string | null;
+ onProfile: string | null;
+ onSetting: string | null;
onLogout: () => void;
}
-export function Dropdown_Menu({ email, username, onLogout: logout }: Props) {
+export function Dropdown_Menu({
+ email,
+ username,
+ onProfile: profile,
+ onSetting: setting,
+ onLogout: logout,
+}: Props) {
return (
<>
@@ -24,7 +32,7 @@ export function Dropdown_Menu({ email, username, onLogout: logout }: Props) {
+
+
+
+ );
+}
+
+function LogOutIcon(props: JSX.IntrinsicAttributes & SVGProps
+
+ Logging out...
+
+
+
+ Logging out...
+
+ + You are being logged out of your account. +
+