(null)
+
+function useChart() {
+ const context = React.useContext(ChartContext)
+
+ if (!context) {
+ throw new Error("useChart must be used within a
+
+
+ {children}
+
+
+
+ )
+})
+ChartContainer.displayName = "Chart"
+
+const ChartStyle = ({ id, config }: { id: string; config: ChartConfig }) => {
+ const colorConfig = Object.entries(config).filter(
+ ([_, config]) => config.theme || config.color
+ )
+
+ if (!colorConfig.length) {
+ return null
+ }
+
+ return (
+
+
+ Suggest Feature
+
+
+
+ Toggle theme
+
+
+
+ setTheme("light")}>
+ Light
+
+ setTheme("dark")}>
+ Dark
+
+ setTheme("system")}>
+ System
+
+
+
+ )
+}
diff --git a/frontend-portal/src/app/api/health/route.ts b/frontend-portal/src/app/api/health/route.ts
new file mode 100644
index 0000000..c7e6088
--- /dev/null
+++ b/frontend-portal/src/app/api/health/route.ts
@@ -0,0 +1,6 @@
+import { NextResponse } from "next/server";
+
+export async function GET(request: Request) {
+ return NextResponse.json({
+ });
+}
diff --git a/frontend-portal/src/app/b/[slug]/p/[postSlug]/page.tsx b/frontend-portal/src/app/b/[slug]/p/[postSlug]/page.tsx
new file mode 100644
index 0000000..01ec2ae
--- /dev/null
+++ b/frontend-portal/src/app/b/[slug]/p/[postSlug]/page.tsx
@@ -0,0 +1,75 @@
+"use client"
+import { Calendar, CheckCircle, Circle, Eye, Loader, Play, XCircle } from "lucide-react"
+
+import { PostCard } from "@/components/PostCard"
+import { useInit } from "@/context/InitContext"
+import { useRouter } from "next/navigation"
+import { useEffect, useState } from "react"
+
+export const statusConfig = {
+ "OPEN": {
+ icon:
+
+
+ )
+}
+
diff --git a/frontend-portal/src/app/b/[slug]/p/page.tsx b/frontend-portal/src/app/b/[slug]/p/page.tsx
new file mode 100644
index 0000000..5abe2fa
--- /dev/null
+++ b/frontend-portal/src/app/b/[slug]/p/page.tsx
@@ -0,0 +1,13 @@
+"use client"
+
+import { useRouter } from "next/navigation";
+
+export default function Board({ params }) {
+ const router = useRouter();
+ router.push(`/b/${params.slug}`);
+ return (
+
+
+
+ )
+}
diff --git a/frontend-portal/src/app/b/[slug]/page.tsx b/frontend-portal/src/app/b/[slug]/page.tsx
new file mode 100644
index 0000000..1424410
--- /dev/null
+++ b/frontend-portal/src/app/b/[slug]/page.tsx
@@ -0,0 +1,188 @@
+"use client"
+import { Calendar, CheckCircle, Circle, CircleUser, Eye, Loader, Play, XCircle } from "lucide-react"
+
+import { Button } from "@/components/ui/button"
+import {
+ DropdownMenu,
+ DropdownMenuContent,
+ DropdownMenuItem,
+ DropdownMenuLabel,
+ DropdownMenuSeparator,
+ DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu"
+import { Separator } from "@/components/ui/separator"
+import { useEffect, useState } from "react"
+import ModeToggle from "./ModeToggle"
+import { cn } from "@/lib/utils"
+import { ScrollArea } from "@/components/ui/scroll-area"
+import { Badge } from "@/components/ui/badge"
+import { formatDistanceToNow } from "date-fns"
+import { useInit } from "@/context/InitContext"
+import { useRouter } from "next/navigation"
+import { Input } from "@/components/ui/input"
+import { Textarea } from "@/components/ui/textarea"
+import { Label } from "@/components/ui/label"
+
+export const statusConfig = {
+ "OPEN": {
+ icon:
+
404
+
+ Oops! Page not found!
+
+
+
+
+
+ {posts && posts.length > 0 && posts.map((item) => (
+
{
+ // go to post page
+ }}
+ >
+
+
{
+ router.push(`/b/${params.slug}/p/${item.slug}`)
+ }}>
+
+
+ {(() => {
+ const st = statusConfig[item.status || 'OPEN'] || statusConfig['OPEN'];
+ return st.icon
+ })()
+ }
+ {item.title}
+
+
+
+ {formatDistanceToNow(new Date(item.createdAt), {
+ addSuffix: true,
+ })}
+ {/* {item.votes} */}
+
+
+
+ {item.description.substring(0, 300)}
+
+
+ ))}
+
+
+
+
+
+ {board && board.name}
+
+
+
+
+
+
+ Title
+
+
+
+
+ Description
+
+
+
+
+ Submit
+
+
+
+
+
+
+
+
+ )
+}
+
diff --git a/frontend-portal/src/app/b/page.tsx b/frontend-portal/src/app/b/page.tsx
new file mode 100644
index 0000000..aaee070
--- /dev/null
+++ b/frontend-portal/src/app/b/page.tsx
@@ -0,0 +1,13 @@
+"use client"
+
+import { useRouter } from "next/navigation";
+
+export default function Board() {
+ const router = useRouter();
+ router.push('/');
+ return (
+
+
+
+ )
+}
diff --git a/frontend-portal/src/app/favicon.ico b/frontend-portal/src/app/favicon.ico
new file mode 100644
index 0000000..8152013
Binary files /dev/null and b/frontend-portal/src/app/favicon.ico differ
diff --git a/frontend-portal/src/app/globals.css b/frontend-portal/src/app/globals.css
new file mode 100644
index 0000000..99a7b0c
--- /dev/null
+++ b/frontend-portal/src/app/globals.css
@@ -0,0 +1,69 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+ :root {
+ --background: 0 0% 100%;
+ --foreground: 222.2 84% 4.9%;
+ --card: 0 0% 100%;
+ --card-foreground: 222.2 84% 4.9%;
+ --popover: 0 0% 100%;
+ --popover-foreground: 222.2 84% 4.9%;
+ --primary: 222.2 47.4% 11.2%;
+ --primary-foreground: 210 40% 98%;
+ --secondary: 210 40% 96.1%;
+ --secondary-foreground: 222.2 47.4% 11.2%;
+ --muted: 210 40% 96.1%;
+ --muted-foreground: 215.4 16.3% 46.9%;
+ --accent: 210 40% 96.1%;
+ --accent-foreground: 222.2 47.4% 11.2%;
+ --destructive: 0 84.2% 60.2%;
+ --destructive-foreground: 210 40% 98%;
+ --border: 214.3 31.8% 91.4%;
+ --input: 214.3 31.8% 91.4%;
+ --ring: 222.2 84% 4.9%;
+ --radius: 0.5rem;
+ --chart-1: 12 76% 61%;
+ --chart-2: 173 58% 39%;
+ --chart-3: 197 37% 24%;
+ --chart-4: 43 74% 66%;
+ --chart-5: 27 87% 67%;
+ }
+
+ .dark {
+ --background: 222.2 84% 4.9%;
+ --foreground: 210 40% 98%;
+ --card: 222.2 84% 4.9%;
+ --card-foreground: 210 40% 98%;
+ --popover: 222.2 84% 4.9%;
+ --popover-foreground: 210 40% 98%;
+ --primary: 210 40% 98%;
+ --primary-foreground: 222.2 47.4% 11.2%;
+ --secondary: 217.2 32.6% 17.5%;
+ --secondary-foreground: 210 40% 98%;
+ --muted: 217.2 32.6% 17.5%;
+ --muted-foreground: 215 20.2% 65.1%;
+ --accent: 217.2 32.6% 17.5%;
+ --accent-foreground: 210 40% 98%;
+ --destructive: 0 62.8% 30.6%;
+ --destructive-foreground: 210 40% 98%;
+ --border: 217.2 32.6% 17.5%;
+ --input: 217.2 32.6% 17.5%;
+ --ring: 212.7 26.8% 83.9%;
+ --chart-1: 220 70% 50%;
+ --chart-2: 160 60% 45%;
+ --chart-3: 30 80% 55%;
+ --chart-4: 280 65% 60%;
+ --chart-5: 340 75% 55%;
+ }
+}
+
+@layer base {
+ * {
+ @apply border-border;
+ }
+ body {
+ @apply bg-background text-foreground;
+ }
+}
\ No newline at end of file
diff --git a/frontend-portal/src/app/layout.tsx b/frontend-portal/src/app/layout.tsx
new file mode 100644
index 0000000..88fcb98
--- /dev/null
+++ b/frontend-portal/src/app/layout.tsx
@@ -0,0 +1,143 @@
+"use client"
+import { ThemeProvider } from "@/components/theme-provider"
+import type { Metadata } from "next";
+import { Inter } from "next/font/google";
+import "./globals.css";
+import { useEffect, useState } from "react";
+import { Separator } from "@/components/ui/separator";
+import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuItem } from "@/components/ui/dropdown-menu";
+import { CircleUser } from "lucide-react";
+import { Button } from "@/components/ui/button";
+import ModeToggle from "./ModeToggle";
+import withInit from "@/hoc/withInit";
+import { InitContextProvider, useInit } from "@/context/InitContext";
+import { useRouter } from "next/navigation";
+import { cn } from "@/lib/utils";
+import LoginDialog from "@/components/LoginDialog";
+
+
+const inter = Inter({ subsets: ["latin"] });
+
+// export const metadata: Metadata = {
+// title: "Suggest Feature",
+// description: "Suggestions for new features",
+// };
+
+function Custom404() {
+ return (
+
+
404
+
+ Oops! Page not found!
+
+
+
+
+
+
{org.name}
+
+ {
+ router.push('/')
+ }} className="cursor-pointer">
+
{org.name}
+
+
+ */}
+ {/* */}
+ {/* */}
+ {/* Toggle user menu */}
+ {/* */}
+ {/* */}
+ {/* */}
+ {/* My Account */}
+ {/* Settings */}
+ {/* Support */}
+ {/* Logout */}
+ {/* */}
+ {/* */}
+
+
+
+
+
+
+
+
+ {children}
+
+
+
+
+
+ );
+}
+
+export default RootLayout;
diff --git a/frontend-portal/src/app/logo.svg b/frontend-portal/src/app/logo.svg
new file mode 100644
index 0000000..3bdf62b
--- /dev/null
+++ b/frontend-portal/src/app/logo.svg
@@ -0,0 +1,9 @@
+
+
+
+
+
+ Suggest Feature
+
diff --git a/frontend-portal/src/app/not-found.tsx b/frontend-portal/src/app/not-found.tsx
new file mode 100644
index 0000000..1c37538
--- /dev/null
+++ b/frontend-portal/src/app/not-found.tsx
@@ -0,0 +1,20 @@
+"use client"
+import { useInit } from "@/context/InitContext";
+
+export default function Custom404() {
+ const { org } = useInit();
+ return (
+
+
404
+
+ Oops! Page not found!
+
+
+
+
+
+
+ {posts && posts.length > 0 && posts.map((item) => (
+
{
+ router.push(`/b/${item.boardSlug}/p/${item.slug}`)
+ }}
+ >
+
+
+
+
+ {(() => {
+ const st = statusConfig[item.status || 'OPEN'] || statusConfig['OPEN'];
+ return st.icon
+ })()
+ }
+ {item.title}
+
+
+
+ {formatDistanceToNow(new Date(item.createdAt), {
+ addSuffix: true,
+ })}
+ {/* {item.votes} */}
+
+
+
+ {item.description.substring(0, 300)}
+
+
+ ))}
+
+ )
+}
+
+export default function Dashboard({ params }) {
+ const [posts, setPosts] = useState([]);
+ const { org, boards } = useInit()
+ const router = useRouter();
+
+ useEffect(() => {
+ const host = window.location.host
+ const protocol = window.location.protocol // http: or https:
+
+ fetch(`${protocol}//${host}/api/portal/unauth/posts/get-roadmap-posts`)
+ .then((res) => res.json())
+ .then((data) => {
+ if (Object.keys(data).length === 0) {
+ } else {
+ setPosts(data)
+ }
+ }).catch((e) => {
+ console.log(e)
+ })
+ }, [params]);
+
+ return (
+
+
+
+
+
+ Boards
+
+
+ {boards && boards.map((board) => {
+ return (
+
{
+ router.push(`/b/${board.slug}`)
+ }}>
+
+
{board.name}
+ {board.postCount}
+
+
+ );
+ })}
+
+ {
+ org && ((org.roadmapSettings && org.roadmapSettings.enabled) || (!org.roadmapSettings)) &&
+
+ Roadmap
+
+
+ {
+ posts && Object.keys(posts).map((key) => {
+ return (
+
+ {key} {posts[key].length > 0 ? `(${posts[key].length})` : ''}
+
+ {posts[key] && posts[key].length > 0 ?
: (
+
+ )}
+
+ );
+ })
+ }
+
+
+ }
+
+
+
+ )
+}
diff --git a/frontend-portal/src/components/LoginDialog.tsx b/frontend-portal/src/components/LoginDialog.tsx
new file mode 100644
index 0000000..d8f8f77
--- /dev/null
+++ b/frontend-portal/src/components/LoginDialog.tsx
@@ -0,0 +1,136 @@
+
+import Link from "next/link"
+
+import { Button } from "@/components/ui/button"
+import {
+ Card,
+ CardContent,
+ CardDescription,
+ CardHeader,
+ CardTitle,
+} from "@/components/ui/card"
+import {
+ Dialog,
+ DialogClose,
+ DialogContent,
+ DialogDescription,
+ DialogFooter,
+ DialogHeader,
+ DialogTitle,
+ DialogTrigger,
+} from "@/components/ui/dialog"
+import { Input } from "@/components/ui/input"
+import { Label } from "@/components/ui/label"
+import { useState } from "react"
+
+function Login({ setCurrentTab }) {
+ return (
+ <>
+
+
+ Email
+
+
+
+ Password
+
+
+
+
+ Login
+
+
+ Login with Google
+
+
+ Don't have an account?{" "}
+
setCurrentTab("sign-up")}>
+ Sign up
+
+
+
+
+ Email
+
+
+
+ Password
+
+
+
+
+ Login
+
+
+ Login with Google
+
+
+ Already have an account?{" "}
+
setCurrentTab("login")}>
+ Sign in
+
+
+
+ Log in
+
+
+
+ {currentTab === "login" ? 'Login' : 'Sign Up'}
+
+ {currentTab === "login" ? 'Enter your email below to login to your account' : 'Enter your information to create an account'}
+
+
+
+ {currentTab === "login" ?
+
+
+ )
+}
+
diff --git a/frontend-portal/src/components/PostCard.tsx b/frontend-portal/src/components/PostCard.tsx
new file mode 100644
index 0000000..d0f632f
--- /dev/null
+++ b/frontend-portal/src/components/PostCard.tsx
@@ -0,0 +1,298 @@
+import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar';
+import { Dialog, DialogContent, DialogTrigger } from '@/components/ui/dialog';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
+import { Separator } from '@/components/ui/separator';
+import { cn } from '@/lib/utils';
+import { formatDistanceToNow } from 'date-fns';
+import { Calendar, CheckCircle, ChevronUp, Circle, Expand, Eye, Flag, Loader, Play, XCircle } from 'lucide-react';
+import { useEffect, useState } from 'react';
+import { useToast } from "@/components/ui/use-toast"
+import { Button } from '@/components/ui/button';
+import { Textarea } from '@/components/ui/textarea';
+import { Icons } from './icons';
+
+export const statusConfig = {
+ "OPEN": {
+ icon:
+ Voters
+
)
+}
+
+function TitleHeader({ params, data, refetch }) {
+ const user = data.user;
+ if (!user) return null;
+
+ const upVote = (upvote) => {
+ fetch(`/api/auth/posts/upvote-post?postId=${data.id}&upvote=${upvote}`, {
+ method: "POST",
+ headers: {
+ "x-org-slug": params.slug,
+ 'Content-Type': 'application/json'
+ },
+ })
+ .then((res) => res.json())
+ .then((data) => {
+ refetch()
+ })
+ }
+
+ return (
+
+
+
+
upVote(!data.selfVoted)}
+ >
+
+
+
{data.title}
+
+
+
+ {data.status && statusConfig[data.status].icon}
+ {data.status && statusConfig[data.status].label}
+
+
+
+ {data.priority &&
+
+ }
+
+
+
+
+
+
+ {comments && comments.length > 0 && comments.map(comment => (
+
+ )
+}
+
+function CommentCard({ comment, refetch, params }) {
+ return (
+
+
+
+ {/*
*/}
+ {/*
*/}
+ {comment.comments && comment.comments.length > 0 &&
+
}
+
+
+
+
+ {(() => {
+ const name = user.name || '';
+ const words = name.split(' ');
+
+ let initials;
+
+ if (words.length > 1) {
+ // If the name has multiple words, take the first letter of each word
+ initials = words.map(word => word[0]).join('').toUpperCase();
+ } else {
+ // If it's a single word, take the first two characters
+ initials = name.slice(0, 2).toUpperCase();
+ }
+
+ // Ensure it returns exactly 2 characters
+ return initials.length >= 2 ? initials.slice(0, 2) : initials.padEnd(2, initials[0]);
+ })()}
+
+
+
{user.name}
+
+
+
{data.description || data.content}
+
+ {formatDistanceToNow(new Date(data.createdAt), {
+ addSuffix: true,
+ })}
+
+
+