loading...
18 |
19 |
20 | return (
21 | loading...
34 | return (
35 | tr]:last:border-b-0", className)}
32 | {...props} />
33 | ))
34 | TableFooter.displayName = "TableFooter"
35 |
36 | const TableRow = React.forwardRef(({ className, ...props }, ref) => (
37 | |
44 | ))
45 | TableRow.displayName = "TableRow"
46 |
47 | const TableHead = React.forwardRef(({ className, ...props }, ref) => (
48 | [role=checkbox]]:translate-y-[2px]",
52 | className
53 | )}
54 | {...props} />
55 | ))
56 | TableHead.displayName = "TableHead"
57 |
58 | const TableCell = React.forwardRef(({ className, ...props }, ref) => (
59 | | [role=checkbox]]:translate-y-[2px]",
63 | className
64 | )}
65 | {...props} />
66 | ))
67 | TableCell.displayName = "TableCell"
68 |
69 | const TableCaption = React.forwardRef(({ className, ...props }, ref) => (
70 |
74 | ))
75 | TableCaption.displayName = "TableCaption"
76 |
77 | export {
78 | Table,
79 | TableHeader,
80 | TableBody,
81 | TableFooter,
82 | TableHead,
83 | TableRow,
84 | TableCell,
85 | TableCaption,
86 | }
87 |
--------------------------------------------------------------------------------
/src/components/ui/textarea.jsx:
--------------------------------------------------------------------------------
1 | import * as React from "react"
2 |
3 | import { cn } from "@/lib/utils"
4 |
5 | const Textarea = React.forwardRef(({ className, ...props }, ref) => {
6 | return (
7 | ()
14 | );
15 | })
16 | Textarea.displayName = "Textarea"
17 |
18 | export { Textarea }
19 |
--------------------------------------------------------------------------------
/src/config/defaults.jsx:
--------------------------------------------------------------------------------
1 | export const DJANGO_BASE_URL=process.env.DJANGO_BASE_URL
2 | export const DJANGO_API_ENDPOINT=`${DJANGO_BASE_URL}/api`
--------------------------------------------------------------------------------
/src/lib/auth.jsx:
--------------------------------------------------------------------------------
1 | const { cookies } = require("next/headers")
2 |
3 | const TOKEN_AGE = 3600
4 | const TOKEN_NAME = "auth-token"
5 | const TOKEN_REFRESH_NAME = "auth-refresh-token"
6 |
7 | export function getToken(){
8 | // api requests
9 | const myAuthToken = cookies().get(TOKEN_NAME)
10 | return myAuthToken?.value
11 | }
12 |
13 |
14 | export function getRefreshToken(){
15 | // api requests
16 | const myAuthToken = cookies().get(TOKEN_REFRESH_NAME)
17 | return myAuthToken?.value
18 | }
19 |
20 | export function setToken(authToken){
21 | // login
22 | return cookies().set({
23 | name: TOKEN_NAME,
24 | value: authToken,
25 | httpOnly: true, // limit client-side js
26 | sameSite: 'strict',
27 | secure: process.env.NODE_ENV !== 'development',
28 | maxAge: TOKEN_AGE,
29 | })
30 | }
31 |
32 | export function setRefreshToken(authRefreshToken){
33 | // login
34 | return cookies().set({
35 | name: TOKEN_REFRESH_NAME,
36 | value: authRefreshToken,
37 | httpOnly: true, // limit client-side js
38 | sameSite: 'strict',
39 | secure: process.env.NODE_ENV !== 'development',
40 | maxAge: TOKEN_AGE,
41 | })
42 | }
43 |
44 | export function deleteTokens(){
45 | // logout
46 | cookies().delete(TOKEN_REFRESH_NAME)
47 | return cookies().delete(TOKEN_NAME)
48 | }
--------------------------------------------------------------------------------
/src/lib/fetcher.js:
--------------------------------------------------------------------------------
1 | const fetcher = async url => {
2 |
3 | const res = await fetch(url)
4 |
5 | // If the status code is not in the range 200-299,
6 | // we still try to parse and throw it.
7 | if (!res.ok) {
8 | const error = new Error('An error occurred while fetching the data.')
9 | // Attach extra info to the error object.
10 | error.info = await res.json()
11 | error.status = res.status
12 | throw error
13 | }
14 |
15 | return res.json()
16 | }
17 |
18 | export default fetcher
--------------------------------------------------------------------------------
/src/lib/utils.js:
--------------------------------------------------------------------------------
1 | import { clsx } from "clsx"
2 | import { twMerge } from "tailwind-merge"
3 |
4 | export function cn(...inputs) {
5 | return twMerge(clsx(inputs))
6 | }
7 |
--------------------------------------------------------------------------------
/tailwind.config.js:
--------------------------------------------------------------------------------
1 | /** @type {import('tailwindcss').Config} */
2 |
3 | const { fontFamily } = require("tailwindcss/defaultTheme")
4 |
5 |
6 |
7 | module.exports = {
8 | darkMode: ["class"],
9 | content: [
10 | './pages/**/*.{js,jsx}',
11 | './components/**/*.{js,jsx}',
12 | './app/**/*.{js,jsx}',
13 | './src/**/*.{js,jsx}',
14 | ],
15 | prefix: "",
16 | theme: {
17 | container: {
18 | center: true,
19 | padding: "2rem",
20 | screens: {
21 | "2xl": "1400px",
22 | },
23 | },
24 | extend: {
25 | fontFamily: {
26 | sans: ["var(--font-sans)", ...fontFamily.sans],
27 | },
28 | colors: {
29 | border: "hsl(var(--border))",
30 | input: "hsl(var(--input))",
31 | ring: "hsl(var(--ring))",
32 | background: "hsl(var(--background))",
33 | foreground: "hsl(var(--foreground))",
34 | primary: {
35 | DEFAULT: "hsl(var(--primary))",
36 | foreground: "hsl(var(--primary-foreground))",
37 | },
38 | secondary: {
39 | DEFAULT: "hsl(var(--secondary))",
40 | foreground: "hsl(var(--secondary-foreground))",
41 | },
42 | destructive: {
43 | DEFAULT: "hsl(var(--destructive))",
44 | foreground: "hsl(var(--destructive-foreground))",
45 | },
46 | muted: {
47 | DEFAULT: "hsl(var(--muted))",
48 | foreground: "hsl(var(--muted-foreground))",
49 | },
50 | accent: {
51 | DEFAULT: "hsl(var(--accent))",
52 | foreground: "hsl(var(--accent-foreground))",
53 | },
54 | popover: {
55 | DEFAULT: "hsl(var(--popover))",
56 | foreground: "hsl(var(--popover-foreground))",
57 | },
58 | card: {
59 | DEFAULT: "hsl(var(--card))",
60 | foreground: "hsl(var(--card-foreground))",
61 | },
62 | },
63 | borderRadius: {
64 | lg: "var(--radius)",
65 | md: "calc(var(--radius) - 2px)",
66 | sm: "calc(var(--radius) - 4px)",
67 | },
68 | keyframes: {
69 | "accordion-down": {
70 | from: { height: "0" },
71 | to: { height: "var(--radix-accordion-content-height)" },
72 | },
73 | "accordion-up": {
74 | from: { height: "var(--radix-accordion-content-height)" },
75 | to: { height: "0" },
76 | },
77 | },
78 | animation: {
79 | "accordion-down": "accordion-down 0.2s ease-out",
80 | "accordion-up": "accordion-up 0.2s ease-out",
81 | },
82 | },
83 | },
84 | plugins: [require("tailwindcss-animate")],
85 | }
--------------------------------------------------------------------------------
|