73 |
74 |
96 |
97 | {isOpen &&
}
98 |
;
24 | createdAt: Date;
25 | clerkId?: string | null;
26 | }
27 |
28 | const QuestionCard = ({
29 | _id,
30 | title,
31 | tags,
32 | author,
33 | upvotes,
34 | views,
35 | answers,
36 | createdAt,
37 | clerkId,
38 | }: QuestionProps) => {
39 | const showActionButtons = clerkId && clerkId === author.clerkId;
40 |
41 | return (
42 |
43 |
44 |
45 |
46 | {getTimestamp(createdAt)}
47 |
48 |
50 | {title}
51 |
52 |
53 |
54 |
55 |
56 | {showActionButtons && (
57 |
60 |
61 |
62 |
63 | {tags.map((tag) => (
64 |
67 |
68 |
69 |
78 |
79 |
80 |
102 |
103 |
Jobs
36 |
37 |
38 |
53 |
54 |
57 | {result.data.length > 0 ? (
58 | result.data.map((jobItem: any) => (
59 |
91 |
92 |
98 |
99 | );
100 | };
101 |
102 | export default Page;
103 |
--------------------------------------------------------------------------------
/components/shared/navbar/Mobile.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import Link from "next/link";
4 | import Image from "next/image";
5 | import { usePathname } from "next/navigation";
6 |
7 | import { SignedOut } from "@clerk/nextjs";
8 |
9 | import { Button } from "@/components/ui/button";
10 | import {
11 | Sheet,
12 | SheetClose,
13 | SheetContent,
14 | SheetTrigger,
15 | } from "@/components/ui/sheet";
16 |
17 | import { sidebarLinks } from "@/constants";
18 |
19 | const NavContent = () => {
20 | const pathname = usePathname();
21 |
22 | return (
23 |
24 | {sidebarLinks.map((link) => {
25 | const isActive: boolean =
26 | (pathname.includes(link.route) && link.route.length > 1) ||
27 | pathname === link.route;
28 |
29 | return (
30 |
31 |
47 | {link.label}
48 |
49 |
50 |
51 | );
52 | })}
53 |
54 | );
55 | };
56 |
57 | const Mobile = () => {
58 | return (
59 |
60 |
61 |
69 |
73 |
82 | Dev Overflow
83 |
84 |
85 |
86 |
87 |
89 |
90 |
91 |
92 |
93 |
95 | Log In
96 |
97 |
98 |
99 |
100 |
101 |
103 | Sign Up
104 |
105 |
106 |
107 |
108 |
109 |
111 |
112 | );
113 | };
114 |
115 | export default Mobile;
116 |
--------------------------------------------------------------------------------
/constants/index.ts:
--------------------------------------------------------------------------------
1 | import type { SidebarLink, ThemeOption } from "@/types";
2 |
3 | export const themes: ThemeOption[] = [
4 | { value: "light", label: "Light", icon: "/assets/icons/sun.svg" },
5 | { value: "dark", label: "Dark", icon: "/assets/icons/moon.svg" },
6 | { value: "system", label: "System", icon: "/assets/icons/computer.svg" },
7 | ];
8 |
9 | export const sidebarLinks: SidebarLink[] = [
10 | {
11 | imgURL: "/assets/icons/home.svg",
12 | route: "/",
13 | label: "Home",
14 | },
15 | {
16 | imgURL: "/assets/icons/users.svg",
17 | route: "/community",
18 | label: "Community",
19 | },
20 | {
21 | imgURL: "/assets/icons/star.svg",
22 | route: "/collection",
23 | label: "Collections",
24 | },
25 | {
26 | imgURL: "/assets/icons/suitcase.svg",
27 | route: "/jobs",
28 | label: "Find Jobs",
29 | },
30 | {
31 | imgURL: "/assets/icons/tag.svg",
32 | route: "/tags",
33 | label: "Tags",
34 | },
35 | {
36 | imgURL: "/assets/icons/user.svg",
37 | route: "/profile",
38 | label: "Profile",
39 | },
40 | {
41 | imgURL: "/assets/icons/question.svg",
42 | route: "/ask-question",
43 | label: "Ask a question",
44 | },
45 | ];
46 |
47 | export const BADGE_CRITERIA = {
48 | QUESTION_COUNT: {
49 | BRONZE: 10,
50 | SILVER: 50,
51 | GOLD: 100,
52 | },
53 | ANSWER_COUNT: {
54 | BRONZE: 10,
55 | SILVER: 50,
56 | GOLD: 100,
57 | },
58 | QUESTION_UPVOTES: {
59 | BRONZE: 10,
60 | SILVER: 50,
61 | GOLD: 100,
62 | },
63 | ANSWER_UPVOTES: {
64 | BRONZE: 10,
65 | SILVER: 50,
66 | GOLD: 100,
67 | },
68 | TOTAL_VIEWS: {
69 | BRONZE: 1000,
70 | SILVER: 10000,
71 | GOLD: 100000,
72 | },
73 | };
74 |
75 | export const CURRENCY_NOTATIONS: { [key: string]: string } = {
76 | ALL: "Lek",
77 | AFN: "؋",
78 | ARS: "$",
79 | AWG: "ƒ",
80 | AUD: "$",
81 | AZN: "ман",
82 | BSD: "$",
83 | BYR: "p.",
84 | BZD: "BZ$",
85 | BMD: "$",
86 | BOB: "$b",
87 | BAM: "KM",
88 | BWP: "P",
89 | BGN: "лв",
90 | BRL: "R$",
91 | BND: "$",
92 | KHR: "៛",
93 | CAD: "$",
94 | KYD: "$",
95 | CLP: "$",
96 | CNY: "¥",
97 | COP: "$",
98 | CRC: "₡",
99 | HRK: "kn",
100 | CUP: "₱",
101 | CZK: "Kč",
102 | DKK: "kr",
103 | DOP: "RD$",
104 | XCD: "$",
105 | EGP: "£",
106 | SVC: "$",
107 | EEK: "kr",
108 | EUR: "€",
109 | FKP: "£",
110 | FJD: "$",
111 | GHC: "¢",
112 | GIP: "£",
113 | GTQ: "Q",
114 | GGP: "£",
115 | GYD: "$",
116 | HNL: "L",
117 | HKD: "$",
118 | HUF: "Ft",
119 | ISK: "kr",
120 | INR: "₹",
121 | IDR: "Rp",
122 | IRR: "﷼",
123 | IMP: "£",
124 | ILS: "₪",
125 | JMD: "J$",
126 | JPY: "¥",
127 | JEP: "£",
128 | KZT: "лв",
129 | KPW: "₩",
130 | KRW: "₩",
131 | KGS: "лв",
132 | LAK: "₭",
133 | LVL: "Ls",
134 | LBP: "£",
135 | LRD: "$",
136 | LTL: "Lt",
137 | MKD: "ден",
138 | MYR: "RM",
139 | MUR: "₨",
140 | MXN: "$",
141 | MNT: "₮",
142 | MZN: "MT",
143 | NAD: "$",
144 | NPR: "₨",
145 | ANG: "ƒ",
146 | NZD: "$",
147 | NIO: "C$",
148 | NGN: "₦",
149 | NOK: "kr",
150 | OMR: "﷼",
151 | PKR: "₨",
152 | PAB: "B/.",
153 | PYG: "Gs",
154 | PEN: "S/.",
155 | PHP: "₱",
156 | PLN: "zł",
157 | QAR: "﷼",
158 | RON: "lei",
159 | RUB: "руб",
160 | SHP: "£",
161 | SAR: "﷼",
162 | RSD: "Дин.",
163 | SCR: "₨",
164 | SGD: "$",
165 | SBD: "$",
166 | SOS: "S",
167 | ZAR: "R",
168 | LKR: "₨",
169 | SEK: "kr",
170 | CHF: "CHF",
171 | SRD: "$",
172 | SYP: "£",
173 | TWD: "NT$",
174 | THB: "฿",
175 | TTD: "$",
176 | TRY: "₤",
177 | TRL: "₤",
178 | TVD: "$",
179 | UAH: "₴",
180 | GBP: "£",
181 | USD: "$",
182 | UYU: "$U",
183 | UZS: "лв",
184 | VEF: "Bs",
185 | VND: "₫",
186 | YER: "﷼",
187 | ZWD: "Z$",
188 | };
189 |
--------------------------------------------------------------------------------
/components/shared/AllAnswers.tsx:
--------------------------------------------------------------------------------
1 | import Link from "next/link";
2 | import Image from "next/image";
3 |
4 | import { SignedIn } from "@clerk/nextjs";
5 |
6 | import Filter from "@/components/shared/Filter";
7 | import ParseHTML from "@/components/shared/ParseHTML";
8 | import Votes from "@/components/shared/Votes";
9 | import Pagination from "@/components/shared/Pagination";
10 | import EditDeleteAction from "@/components/shared/EditDeleteAction";
11 |
12 | import { getAnswers } from "@/lib/actions/answer.action";
13 | import { getTimestamp } from "@/lib/utils";
14 |
15 | import { AnswerFilters } from "@/constants/filters";
16 |
17 | import type {
18 | QuestionId,
19 | UserId,
20 | OptionalPage,
21 | OptionalFilter,
22 | } from "@/lib/actions/shared.types";
23 |
24 | interface Props extends QuestionId, UserId, OptionalPage, OptionalFilter {
25 | totalAnswers: number;
26 | }
27 |
28 | const AllAnswers = async ({
29 | userId,
30 | questionId,
31 | totalAnswers,
32 | filter,
33 | page,
34 | }: Props) => {
35 | const result = await getAnswers({
36 | questionId,
37 | sortBy: filter,
38 | page,
39 | });
40 |
41 | return (
42 |
43 |
44 |
{totalAnswers} Answers
45 |
47 |
48 | {result.answers.map((answer: any) => {
49 | const showActionButtons =
50 | JSON.stringify(userId) === JSON.stringify(answer.author._id);
51 |
52 | return (
53 |
54 |
55 |
59 |
66 |
67 |
68 | {answer.author.name}
69 |
70 |
71 | • answered
72 | {getTimestamp(answer.createdAt)}
73 |
74 |
75 |
76 |
77 |
87 |
91 | {showActionButtons && (
92 |
98 |
99 | );
100 | })}
101 |
102 |
103 |
106 |
56 |
All Questions
57 |
58 |
60 | Ask a Question
61 |
62 |
63 |
64 |
65 |
66 |
80 |
81 |
84 | {result.questions.length > 0 ? (
85 | result.questions.map((question: any) => (
86 |
110 |
111 |
117 |
118 | );
119 | }
120 |
--------------------------------------------------------------------------------
/components/shared/search/GlobalResult.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import { useEffect, useState } from "react";
4 | import Link from "next/link";
5 | import Image from "next/image";
6 | import { useSearchParams } from "next/navigation";
7 |
8 | import { ReloadIcon } from "@radix-ui/react-icons";
9 |
10 | import GlobalFilters from "@/components/shared/search/GlobalFilters";
11 |
12 | import { globalSearch } from "@/lib/actions/general.action";
13 |
14 | const GlobalResult = () => {
15 | const searchParams = useSearchParams();
16 |
17 | const [isLoading, setIsLoading] = useState(false);
18 | const [result, setResult] = useState([]);
19 |
20 | const global = searchParams.get("global");
21 | const type = searchParams.get("type");
22 |
23 | useEffect(() => {
24 | const fetchResult = async () => {
25 | setResult([]);
26 | setIsLoading(true);
27 |
28 | try {
29 | const response = await globalSearch({ query: global, type });
30 |
31 | setResult(JSON.parse(response));
32 | } catch (error) {
33 | console.error(error);
34 | throw error;
35 | } finally {
36 | setIsLoading(false);
37 | }
38 | };
39 |
40 | if (global) {
41 | fetchResult();
42 | }
43 | }, [global, type]);
44 |
45 | const renderLink = (type: string, id: string) => {
46 | switch (type) {
47 | case "question":
48 | case "answer":
49 | return `/question/${Array.isArray(id) ? id[0] : id}`;
50 | // case "answer":
51 | // return `/question/${id[0]}#${id[1]}`;
52 | case "user":
53 | return `/profile/${id}`;
54 | case "tag":
55 | return `/tags/${id}`;
56 | default:
57 | return "/";
58 | }
59 | };
60 |
61 | return (
62 |
63 |
64 |
65 |
66 |
67 | Top Match
68 |
69 |
70 |
71 | {isLoading ? (
72 |
73 |
74 |
75 | Browsing the entire database...
76 |
77 |
78 | ) : (
79 |
80 | {result.length > 0 ? (
81 | result.map((item: any, index: number) => (
82 |
87 |
94 |
95 |
96 |
97 | {item.title}
98 |
99 |
100 | {item.type}
101 |
102 |
103 |
104 | ))
105 | ) : (
106 |
107 |
108 |
109 | No results found.
110 |
111 |
112 |
113 | )}
114 |
115 | )}
116 |