) => {
48 | const { id, value } = event.target;
49 | setFormData((prevData) => ({ ...prevData, [id]: value }));
50 | };
51 |
52 | const handleSubmit = async (event: React.FormEvent) => {
53 | event.preventDefault();
54 | //console.log(formData);
55 | const response = await post(`/registration/${orgID}/event/${eventID}/submit`, formData);
56 | if (response?.status === 200) {
57 | document.cookie = `registered_${eventID}=true; path=/; max-age=${60 * 60 * 24 * 30};`;
58 | showAlert({
59 | title: 'Success',
60 | description: 'Form submitted successfully!',
61 | status: 'success',
62 | });
63 | navigate('/already-registered');
64 | } else {
65 | showAlert({
66 | title: 'Error',
67 | description: response?.data.error || 'Submission failed.',
68 | status: 'error',
69 | });
70 | }
71 | };
72 |
73 | return (
74 |
91 | );
92 | };
93 |
94 | export default Form;
95 |
--------------------------------------------------------------------------------
/apps/registration-admin/src/pages/NotFound.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { Box, Heading, Text, Center } from '@chakra-ui/react';
3 |
4 | const NotFound: React.FC<{ msg?: String }> = ({ msg }) => {
5 | return (
6 |
7 |
8 |
9 | 404
10 |
11 |
12 | {msg || 'Sorry, the page you are looking for does not exist.'}
13 |
14 |
15 |
16 | );
17 | };
18 |
19 | export default NotFound;
20 |
--------------------------------------------------------------------------------
/apps/registration-admin/src/pages/Registered.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { Box, Heading, Text, Center } from '@chakra-ui/react';
3 |
4 | const Registered: React.FC = () => {
5 | return (
6 |
7 |
8 |
9 | Sucessfully Registered
10 |
11 |
12 | Your registration have been completed
13 |
14 |
15 |
16 | );
17 | };
18 |
19 | export default Registered;
20 |
--------------------------------------------------------------------------------
/apps/registration-admin/src/pages/RegistrationClosed.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { Box, Heading, Text, Center } from '@chakra-ui/react';
3 |
4 | const RegistrationClosed: React.FC = () => {
5 | return (
6 |
7 |
8 |
9 | Registration Closed
10 |
11 |
12 | The registrations for this event is not currently active
13 |
14 |
15 |
16 | );
17 | };
18 |
19 | export default RegistrationClosed;
20 |
--------------------------------------------------------------------------------
/apps/registration-admin/src/vite-env.d.ts:
--------------------------------------------------------------------------------
1 | ///
61 |
62 |
63 |
64 |
76 | Verify Your Identity
77 |
78 |
89 | Produce this email to the volunteers at the registration desk
90 |
91 |
93 |
94 |
96 | {{payload}}
97 |
98 |
108 | Contact
109 | iedcmec@mec.ac.in
110 | if you face any issues
111 |
112 |
113 |
114 |
115 |
--------------------------------------------------------------------------------
/apps/web-admin/public/ThisIsAnORG.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/IEDCMEC/techno-event-management/b97f2f3cf8e9cf3ec8b4d8ac32167fc9e4f5393e/apps/web-admin/public/ThisIsAnORG.png
--------------------------------------------------------------------------------
/apps/web-admin/public/assets/events/Adduser.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/IEDCMEC/techno-event-management/b97f2f3cf8e9cf3ec8b4d8ac32167fc9e4f5393e/apps/web-admin/public/assets/events/Adduser.png
--------------------------------------------------------------------------------
/apps/web-admin/public/assets/events/Box.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/IEDCMEC/techno-event-management/b97f2f3cf8e9cf3ec8b4d8ac32167fc9e4f5393e/apps/web-admin/public/assets/events/Box.png
--------------------------------------------------------------------------------
/apps/web-admin/public/assets/events/Heartbeat.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/IEDCMEC/techno-event-management/b97f2f3cf8e9cf3ec8b4d8ac32167fc9e4f5393e/apps/web-admin/public/assets/events/Heartbeat.png
--------------------------------------------------------------------------------
/apps/web-admin/public/assets/events/ProgressBar.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/IEDCMEC/techno-event-management/b97f2f3cf8e9cf3ec8b4d8ac32167fc9e4f5393e/apps/web-admin/public/assets/events/ProgressBar.png
--------------------------------------------------------------------------------
/apps/web-admin/public/assets/events/Users.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/IEDCMEC/techno-event-management/b97f2f3cf8e9cf3ec8b4d8ac32167fc9e4f5393e/apps/web-admin/public/assets/events/Users.png
--------------------------------------------------------------------------------
/apps/web-admin/public/next.svg:
--------------------------------------------------------------------------------
1 |
23 |
25 |
32 | Add Participant
33 |
34 |
36 |
37 | First Name
38 |
46 |
47 | Last Name
48 |
56 |
57 | Email
58 |
66 |
67 | Phone
68 |
76 |
77 | Check In Key
78 |
86 |
87 |
92 |
100 | Submit
101 |
102 |
108 | Cancel
109 |
110 |
111 |
112 |
113 | );
114 | };
115 |
116 | export default AddParticipant;
117 |
--------------------------------------------------------------------------------
/apps/web-admin/src/components/ComingSoon.jsx:
--------------------------------------------------------------------------------
1 | import { Heading } from '@chakra-ui/react';
2 | import { Highlight } from '@chakra-ui/react';
3 | import { color } from 'framer-motion';
4 | import React from 'react';
5 |
6 | const ComingSoon = () => {
7 | return (
8 |
18 |
19 |
29 | Coming Soon !
30 |
31 |
32 |
33 | Check back soon for updates.
34 |
35 |
36 | );
37 | };
38 |
39 | export default ComingSoon;
40 |
--------------------------------------------------------------------------------
/apps/web-admin/src/components/DataDisplayNew.jsx:
--------------------------------------------------------------------------------
1 | import {
2 | ChakraProvider,
3 | Box,
4 | Spinner,
5 | Table,
6 | Thead,
7 | Tbody,
8 | Tr,
9 | Th,
10 | Td,
11 | TableContainer,
12 | Checkbox,
13 | } from '@chakra-ui/react';
14 | import { useState } from 'react';
15 | import { extendTheme } from '@chakra-ui/react';
16 | // import { useEffect } from 'react';
17 | // import useWrapper from '@/hooks/useWrapper';
18 | // import { useContext } from 'react';
19 | // import { account } from '@/contexts/MyContext';
20 | const chakraTheme = extendTheme({
21 | colors: {
22 | primary: {
23 | 500: '#319795',
24 | },
25 | },
26 | });
27 | export default function DataDisplayNew({
28 | loading,
29 | rows,
30 | columns,
31 | onRowClick,
32 | overflowY = 'auto',
33 | height = 'auto',
34 | state = null,
35 | setState = null,
36 | }) {
37 | // const {useGetQuery, usePostMutation} = useWrapper();
38 | // const {accountDetails} = useContext(account);
39 |
40 | //const [selectedRows, setSelectedRows] = useState([]);
41 | // //console.log(state);
42 |
43 | // ////console.log(Object.keys(rows[0]));
44 |
45 | // useEffect(() => {
46 | // ////console.log(selectedRows);
47 | // }, [selectedRows]);
48 | return (
49 |
50 |
51 | {loading ? (
52 |
55 |
56 |
57 |
58 | {columns.map((column) => (
59 | {column.headerName}
60 | ))}
61 |
62 |
63 |
64 | {rows.map((row) => (
65 |
66 | {columns.map((column) => (
67 | {row[column.field]}
68 | ))}
69 |
70 | ))}
71 |
72 |
73 |
74 | )}
75 |
76 |
77 | );
78 | }
79 |
--------------------------------------------------------------------------------
/apps/web-admin/src/components/EventsDisplay.jsx:
--------------------------------------------------------------------------------
1 | import { useState, useEffect } from 'react';
2 | // import { useFetch } from '@/hooks/useFetch';
3 | import { useAlert } from '@/hooks/useAlert';
4 | import { inter } from './ui/fonts';
5 | import {
6 | Box,
7 | UnorderedList,
8 | ListItem,
9 | Link,
10 | Text,
11 | Accordion,
12 | AccordionItem,
13 | AccordionButton,
14 | AccordionPanel,
15 | AccordionIcon,
16 | SkeletonText,
17 | } from '@chakra-ui/react';
18 | import useWrapper from '@/hooks/useWrapper';
19 | import { StyledText } from './ui/StyledComponents';
20 | import NextLink from 'next/link';
21 | import { MdOutlineEvent } from 'react-icons/md';
22 | import { useRouter } from 'next/router';
23 |
24 | const EventsDisplay = () => {
25 | const [events, setEvents] = useState([]);
26 | const { useGetQuery } = useWrapper();
27 |
28 | const router = useRouter();
29 | const { orgId } = router.query;
30 |
31 | const showAlert = useAlert();
32 | // const [orgId, setOrgId] = useState(null)
33 | const {
34 | data,
35 | status,
36 | error,
37 | isFetching: loading,
38 | } = useGetQuery(
39 | `/core/organizations/${orgId}/events`,
40 | `/core/organizations/${orgId}/events`,
41 | {}, // headers
42 | {}, // options
43 | (data) => {
44 | if (data.data.events.lenth !== events.length) {
45 | setEvents(data.data.events || []);
46 | }
47 | },
48 | );
49 |
50 | // if (events.length === 0) {
51 | // return No events found for this organization.
;
52 | // }
53 |
54 | return (
55 |
56 |
57 |
67 |
68 |
70 | Events
71 |
73 |
74 |
75 | {(!orgId || loading || events.length === 0) && (
76 |
77 |
79 | )}
80 | {events.length !== 0 ? (
81 | events.map((event) => (
82 |
83 |
87 | ))
88 | ) : (
89 | No events found for this organization.
90 | )}
91 |
92 |
93 |
94 |
95 | );
96 | };
97 |
98 | export default EventsDisplay;
99 |
--------------------------------------------------------------------------------
/apps/web-admin/src/components/ItemCard.jsx:
--------------------------------------------------------------------------------
1 | import { Card, CardBody, Image, Text, Box } from '@chakra-ui/react';
2 | import { useRouter } from 'next/router';
3 | const ItemCard = (props) => {
4 | const router = useRouter();
5 |
6 | if (props.logo == '') {
7 | var logo = '/ThisIsAnORG.png';
8 | } else {
9 | var logo = props.logo;
10 | }
11 | return (
12 |
23 |
33 | {props.name}
34 |
35 |
36 | );
37 | };
38 |
39 | export default ItemCard;
40 |
--------------------------------------------------------------------------------
/apps/web-admin/src/components/MarkdownEditor.jsx:
--------------------------------------------------------------------------------
1 | import dynamic from 'next/dynamic';
2 | import { useEffect, useRef } from 'react';
3 | import { Textarea } from '@chakra-ui/react';
4 |
5 | // Dynamically import EasyMDE to avoid SSR issues
6 | const EasyMDE = dynamic(() => import('easymde').then((mod) => mod.default), { ssr: false });
7 |
8 | const MarkdownEditor = ({ value, onChange }) => {
9 | const editorRef = useRef(null);
10 |
11 | useEffect(() => {
12 | if (!editorRef.current) {
13 | const textarea = document.getElementById('editor');
14 | editorRef.current = new EasyMDE({
15 | element: textarea,
16 | initialValue: value,
17 | toolbar: ['bold', 'italic', 'heading', '|', 'preview'],
18 | spellChecker: false,
19 | });
20 |
21 | // Handle content changes
22 | editorRef.current.codemirror.on('change', () => {
23 | onChange(editorRef.current.value());
24 | });
25 | }
26 |
27 | return () => {
28 | if (editorRef.current) {
29 | editorRef.current.toTextArea(); // Cleanup the editor
30 | editorRef.current = null;
31 | }
32 | };
33 | }, [value, onChange]);
34 |
35 | return (
36 |
41 | );
42 | };
43 |
44 | export default MarkdownEditor;
45 |
--------------------------------------------------------------------------------
/apps/web-admin/src/components/NewCalendar.jsx:
--------------------------------------------------------------------------------
1 | import React, { useState, useEffect, useRef, useCallback } from 'react';
2 | import { format } from 'date-fns';
3 | import { DayPicker } from 'react-day-picker';
4 | import { FaCaretDown } from 'react-icons/fa';
5 | import { StyledText } from '../components/ui/StyledComponents';
6 |
7 | const weekdays = ['S', 'M', 'T', 'W', 'T', 'F', 'S'];
8 | const currentYear = new Date().getFullYear();
9 | const startYear = currentYear - 7;
10 | const endYear = currentYear + 7;
11 | const years = Array.from({ length: endYear - startYear + 1 }, (_, i) => startYear + i);
12 |
13 | const CustomYearDropdown = ({ className, value, onChange, isOpen, setIsOpen, ...props }) => {
14 | const [selectedYear, setSelectedYear] = useState(value);
15 | const dropdownRef = useRef(null);
16 |
17 | const toggleDropdown = useCallback(() => {
18 | setIsOpen(!isOpen);
19 | }, [isOpen, setIsOpen]);
20 |
21 | useEffect(() => {
22 | setSelectedYear(value);
23 | }, [value]);
24 |
25 | const handleYearClick = useCallback(
26 | (year) => {
27 | setSelectedYear(year);
28 | setIsOpen(false);
29 | onChange({ target: { value: year } });
30 | },
31 | [onChange, setIsOpen],
32 | );
33 |
34 | const handleClickOutside = useCallback(
35 | (event) => {
36 | if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
37 | setIsOpen(false);
38 | }
39 | },
40 | [setIsOpen],
41 | );
42 |
43 | useEffect(() => {
44 | document.addEventListener('mousedown', handleClickOutside);
45 | return () => {
46 | document.removeEventListener('mousedown', handleClickOutside);
47 | };
48 | }, [handleClickOutside]);
49 |
50 | return (
51 |
52 |
53 |
54 | {selectedYear}
55 |
57 |
58 | {isOpen && (
59 |
60 | {years.map((year) => (
61 | handleYearClick(year)}
66 | >
67 |
68 | {year}
69 |
70 |
71 | ))}
72 |
73 | )}
74 |
95 |
96 | {selected instanceof Date ? format(selected, 'EEEE, MMM d') : ''}
97 |
98 |
(
109 | {weekdays[day.getDay()]}
110 | ),
111 | }}
112 | components={{
113 | Dropdown: (props) => (
114 |
118 | {children}
119 |
120 | ),
121 | MonthCaption: ({ day, className, children, ...props }) => (
122 |
123 | {children}
124 |
125 | ),
126 | }}
127 | modifiers={{
128 | hidden: isOpen,
129 | }}
130 | />
131 |
132 | );
133 | };
134 |
135 | export default NewCalendar;
136 |
--------------------------------------------------------------------------------
/apps/web-admin/src/components/Scanner.jsx:
--------------------------------------------------------------------------------
1 | import React, { useState } from 'react';
2 | import { Box } from '@chakra-ui/react';
3 | import { useZxing } from 'react-zxing';
4 |
5 | const Scanner = ({ result, setResult }) => {
6 | const handleScan = (result) => {
7 | if (result) {
8 | setResult(result?.text);
9 | }
10 | };
11 |
12 | const handleError = (err) => {
13 | console.error(err);
14 | };
15 | const { ref } = useZxing({
16 | onDecodeResult(result) {
17 | setResult(result.getText());
18 | },
19 | });
20 | return (
21 | //
2 |
4 |
--------------------------------------------------------------------------------
/apps/web-admin/src/components/landing/components/calltoaction.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { Heading, Text, Button, Stack, Flex } from '@chakra-ui/react';
3 | import { HiMiniArrowUpRight } from 'react-icons/hi2';
4 | import { IoIosPlayCircle } from 'react-icons/io';
5 |
6 | const CallToAction = () => {
7 | return (
8 |
9 |
33 |
34 | New Update:
35 |
36 | AI Integration{' '}
37 |
39 |
52 | Simplified event
54 |
66 | From concept to completion, manage every detail with ease. Transform your events and impress
67 | attendees.
68 |
69 |
80 |
87 | Start for free
88 |
89 |
98 |
101 |
102 |
103 | );
104 | };
105 |
106 | export default CallToAction;
107 |
--------------------------------------------------------------------------------
/apps/web-admin/src/components/landing/components/footer.jsx:
--------------------------------------------------------------------------------
1 | import { Box, Button, Flex, Text } from '@chakra-ui/react';
2 | import React from 'react';
3 | import { FaXTwitter, FaGithub, FaLinkedin } from 'react-icons/fa6';
4 |
5 | const Footer = () => {
6 | return (
7 |
19 |
30 |
39 | Copyright © 2024 EventSync. Engineered by{' '}
40 |
41 | IEDC
42 | {' '}
43 | MEC.
44 |
45 |
55 |
56 |
58 |
59 |
61 |
62 |
64 |
65 |
66 |
67 | );
68 | };
69 |
70 | export default Footer;
71 |
--------------------------------------------------------------------------------
/apps/web-admin/src/components/landing/index.jsx:
--------------------------------------------------------------------------------
1 | 'use-client';
2 | import React from 'react';
3 | import { Box, ChakraProvider, Flex } from '@chakra-ui/react';
4 | import theme, { Fonts } from './theme';
5 | import Navbar from './components/navbar';
6 | import CallToAction from '@/components/landing/components/calltoaction';
7 | import Image from 'next/image';
8 | import { dash_frame } from '@/components/landing/assets';
9 | import Footer from '@/components/landing/components/footer';
10 |
11 | const Landing = () => {
12 | return (
13 |
14 |
15 |
25 |
27 |
29 |
30 |
31 |
32 |
33 | );
34 | };
35 |
36 | export default Landing;
37 |
--------------------------------------------------------------------------------
/apps/web-admin/src/components/landing/theme.js:
--------------------------------------------------------------------------------
1 | import { extendTheme } from '@chakra-ui/react';
2 | import { Global } from '@emotion/react';
3 |
4 | const Fonts = () => (
5 |
23 |
25 |
32 | Add Participant
33 |
34 |
115 |
116 | );
117 | };
118 |
119 | export default AddParticipant;
120 |
--------------------------------------------------------------------------------
/apps/web-admin/src/components/ui/button.jsx:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 | import { Slot } from '@radix-ui/react-slot';
3 | import { cva } from 'class-variance-authority';
4 |
5 | import { cn } from '@/lib/utils';
6 |
7 | const buttonVariants = cva(
8 | 'inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',
9 | {
10 | variants: {
11 | variant: {
12 | default: 'bg-primary text-primary-foreground hover:bg-primary/90',
13 | destructive: 'bg-destructive text-destructive-foreground hover:bg-destructive/90',
14 | outline: 'border border-input bg-background hover:bg-accent hover:text-accent-foreground',
15 | secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary/80',
16 | ghost: 'hover:bg-accent hover:text-accent-foreground',
17 | link: 'text-primary underline-offset-4 hover:underline',
18 | },
19 | size: {
20 | default: 'h-10 px-4 py-2',
21 | sm: 'h-9 rounded-md px-3',
22 | lg: 'h-11 rounded-md px-8',
23 | icon: 'h-10 w-10',
24 | },
25 | },
26 | defaultVariants: {
27 | variant: 'default',
28 | size: 'default',
29 | },
30 | },
31 | );
32 |
33 | const Button = React.forwardRef(({ className, variant, size, asChild = false, ...props }, ref) => {
34 | const Comp = asChild ? Slot : 'button';
35 | return
65 |
84 | {children}
85 |
86 |
18 |
25 | 404
26 |
27 |
28 | Page Not Found
29 |
30 |
31 | The page you are looking for does not seem to exist.
32 |
33 |
34 |
41 | Go to Home
42 |
43 |
44 |
45 | );
46 | };
47 |
48 | /*export const getServerSideProps = async (context) => {
49 | context.res.statusCode = 404;
50 | return {
51 | props: {},
52 | };
53 | };*/
54 |
55 | export default Custom404;
56 |
--------------------------------------------------------------------------------
/apps/web-admin/src/pages/[orgId]/emailer/index.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { useRouter } from 'next/router';
3 | import DashboardLayout from '@/layouts/DashboardLayout';
4 | import ComingSoon from '@/components/ComingSoon';
5 |
6 | const EmailSettings = () => {
7 | const router = useRouter();
8 | const { orgId } = router.query;
9 | return (
10 |
11 |
13 | );
14 | };
15 |
16 | export default EmailSettings;
17 |
--------------------------------------------------------------------------------
/apps/web-admin/src/pages/[orgId]/events/[eventId]/attributes/[attributeId]/index.jsx:
--------------------------------------------------------------------------------
1 | import { useRouter } from 'next/router';
2 | import { useEffect, useState } from 'react';
3 |
4 | import { Button, Flex } from '@chakra-ui/react';
5 | import { StyledBox, StyledText } from '@/components/ui/StyledComponents';
6 |
7 | import DashboardLayout from '@/layouts/DashboardLayout';
8 | import DataDisplay from '@/components/DataDisplay';
9 |
10 | // import { useFetch } from '@/hooks/useFetch';
11 | import { useAlert } from '@/hooks/useAlert';
12 | import useWrapper from '@/hooks/useWrapper';
13 | const columns = [
14 | { field: 'id', headerName: 'ID', width: 200 },
15 | { field: 'value', headerName: 'Value', width: 200 },
16 | { field: 'firstName', headerName: 'First Name', width: 200 },
17 | { field: 'lastName', headerName: 'Last Name', width: 200 },
18 | { field: 'email', headerName: 'Email', width: 200 },
19 | { field: 'phone', headerName: 'Phone', width: 200 },
20 | { field: 'checkInKey', headerName: 'Check In Key', width: 200 },
21 | { field: 'addedAt', headerName: 'Added At', width: 200 },
22 | ];
23 |
24 | export default function AttributeById() {
25 | const router = useRouter();
26 | const { orgId, eventId, attributeId } = router.query;
27 | const showAlert = useAlert();
28 |
29 | // const { loading, get } = useFetch();
30 |
31 | const [attribute, setAttribute] = useState({});
32 | const [attributeDetails, setAttributeDetails] = useState([]);
33 | const { useGetQuery } = useWrapper();
34 | const { isFetching: loading } = useGetQuery(
35 | `/core/organizations/${orgId}/events/${eventId}/attributes/${attributeId}`,
36 | `/core/organizations/${orgId}/events/${eventId}/attributes/${attributeId}`,
37 | {},
38 | {
39 | onError: (error) => {
40 | showAlert({
41 | title: 'Error',
42 | description: data.error,
43 | status: 'error',
44 | });
45 | },
46 | },
47 | (response) => {
48 | // //console.log(response.data);
49 | setAttribute(response.data.attribute || []);
50 | setAttributeDetails(response.data.attribute?.participantAttributeDetails || []);
51 | },
52 | );
53 | // //console.log(loading);
54 | // useEffect(() => {
55 | // const fetchAttribute = async () => {
56 | // const { data, status } = await get(
57 | // `/core/organizations/${orgId}/events/${eventId}/attributes/${attributeId}`,
58 | // );
59 | // if (status === 200) {
60 | // setAttribute(data.attribute || {});
61 | // setAttributeDetails(data.attribute?.participantAttributeDetails || []);
62 | // } else {
63 | // showAlert({
64 | // title: 'Error',
65 | // description: data.error,
66 | // status: 'error',
67 | // });
68 | // }
69 | // };
70 | // fetchAttribute();
71 | // }, []);
72 |
73 | return (
74 |
79 | {
81 | router.push(
82 | `/organizations/${orgId}/events/${eventId}/attributes/${attributeId}/settings`,
83 | );
84 | }}
85 | isLoading={loading}
86 | disabled="true"
87 | >
88 | Attribute Settings
89 |
90 |
91 | }
92 | debugInfo={JSON.stringify(attribute)}
93 | >
94 | {
99 | router.push(`/${orgId}/events/${eventId}/participants/${row.id}`);
100 | }}
101 | />
102 | {!loading && attributeDetails.length === 0 ? (
103 |
104 |
105 | No participants assigned
106 |
107 |
108 | Assign participants to see details
109 |
110 |
111 | ) : (
112 | <>
113 | )}
114 |
115 | );
116 | }
117 |
--------------------------------------------------------------------------------
/apps/web-admin/src/pages/[orgId]/events/[eventId]/attributes/index.jsx:
--------------------------------------------------------------------------------
1 | import { useRouter } from 'next/router';
2 | import { useEffect, useState } from 'react';
3 | import {
4 | Button,
5 | Modal,
6 | ModalOverlay,
7 | ModalContent,
8 | ModalHeader,
9 | ModalBody,
10 | ModalCloseButton,
11 | useDisclosure,
12 | } from '@chakra-ui/react';
13 | import DashboardLayout from '@/layouts/DashboardLayout';
14 | // import { useFetch } from '@/hooks/useFetch';
15 | import { useAlert } from '@/hooks/useAlert';
16 | import DataDisplay from '@/components/DataDisplay';
17 | import NewAttributeForm from './new';
18 | import { StyledBox, StyledButton, StyledText } from '@/components/ui/StyledComponents';
19 | import useWrapper from '@/hooks/useWrapper';
20 | import NavigationMenu from '../navigationmenu';
21 | import {
22 | ChevronLeftIcon,
23 | ChevronDownIcon,
24 | Menu,
25 | MenuButton,
26 | MenuList,
27 | MenuItem,
28 | useColorMode,
29 | } from '@chakra-ui/icons';
30 | import CustomStyledBox from '@/pages/CustomStyledBox';
31 |
32 | const columns = [
33 | { field: 'name', headerName: 'Name', width: 200 },
34 | {
35 | field: 'numberOfParticipantsWithAttributeAssigned',
36 | headerName: 'No of Participants Assigned',
37 | width: 200,
38 | },
39 | ];
40 |
41 | export default function Attributes() {
42 | const { colorMode } = useColorMode();
43 | const router = useRouter();
44 | const { orgId, eventId } = router.query;
45 | const showAlert = useAlert();
46 | const { isOpen, onOpen, onClose } = useDisclosure();
47 | // const { loading, get } = useFetch();
48 |
49 | const [attributes, setAttributes] = useState([]);
50 | const { useGetQuery } = useWrapper();
51 | const { isFetching: loading } = useGetQuery(
52 | `/core/organizations/${orgId}/events/${eventId}/attributes`,
53 | `/core/organizations/${orgId}/events/${eventId}/attributes`,
54 | {},
55 | {
56 | onError: (error) => {
57 | showAlert({
58 | title: 'Error',
59 | description: data.error,
60 | status: 'error',
61 | });
62 | },
63 | },
64 | (response) => {
65 | setAttributes(response.data.attributes || []);
66 | },
67 | );
68 |
69 | return (
70 |
75 |
80 |
81 | Add Attribute
82 |
83 |
84 | }
85 | />
86 |
87 | {/* {
94 | router.push(`/${orgId}/events/${eventId}/attributes/${row.id}`);
95 | }}
96 | />
97 | {!loading && attributes.length === 0 ? (
98 |
99 |
100 | No attributes created
101 |
102 |
103 | Add attributes and assign participants to see details
104 |
105 |
106 | ) : (
107 | <>
108 | )}
109 |
110 |
111 |
113 |
120 | Add Attribute
121 |
122 |
127 |
129 |
130 |
131 |
132 | );
133 | }
134 |
--------------------------------------------------------------------------------
/apps/web-admin/src/pages/[orgId]/events/[eventId]/extras/[extraId]/check-in/index.jsx:
--------------------------------------------------------------------------------
1 | import { useState, useEffect } from 'react';
2 | import { useRouter } from 'next/router';
3 |
4 | import { Button, FormControl, FormLabel, Select } from '@chakra-ui/react';
5 |
6 | import DashboardLayout from '@/layouts/DashboardLayout';
7 |
8 | import { useAlert } from '@/hooks/useAlert';
9 | import useWrapper from '@/hooks/useWrapper';
10 |
11 | export default function CheckInExtra() {
12 | const showAlert = useAlert();
13 |
14 | const router = useRouter();
15 | const { orgId, eventId, extraId } = router.query;
16 |
17 | const [participantId, setParticipantId] = useState(null);
18 | const [participants, setParticipants] = useState([]);
19 | const { usePostMutation, useGetQuery } = useWrapper();
20 | const { mutate: handleCheckInMutation } = usePostMutation(
21 | `/core/organizations/${orgId}/events/${eventId}/extras/${extraId}/check-in`,
22 | {},
23 | {
24 | onSuccess: (response) => {
25 | showAlert({
26 | title: 'Success',
27 | description: 'Extra for participant has been checked in successfully.',
28 | status: 'success',
29 | });
30 | router.push(`/${orgId}/events/${eventId}/extras/${extraId}`);
31 | },
32 | onError: (error) => {
33 | showAlert({
34 | title: 'Error',
35 | description: data.error,
36 | status: 'error',
37 | });
38 | },
39 | },
40 | );
41 | const { isFetching: loading } = useGetQuery(
42 | `/core/organizations/${orgId}/events/${eventId}/participants`,
43 | `/core/organizations/${orgId}/events/${eventId}/participants`,
44 | {},
45 | {
46 | onError: (error) => {
47 | showAlert({
48 | title: 'Error',
49 | description: data.error,
50 | status: 'error',
51 | });
52 | },
53 | },
54 | (response) => {
55 | setParticipants(response.data.participants);
56 | },
57 | );
58 | const handleSubmit = async (e) => {
59 | e.preventDefault();
60 | handleCheckInMutation({
61 | participantId,
62 | checkedInAt: new Date().toISOString(),
63 | });
64 | };
65 |
66 | return (
67 |
72 |
125 |
126 | );
127 | }
128 |
--------------------------------------------------------------------------------
/apps/web-admin/src/pages/[orgId]/events/[eventId]/extras/[extraId]/index.jsx:
--------------------------------------------------------------------------------
1 | import { useRouter } from 'next/router';
2 | import { useEffect, useState } from 'react';
3 |
4 | import { Button, Flex } from '@chakra-ui/react';
5 | import { StyledBox, StyledText } from '@/components/ui/StyledComponents';
6 |
7 | import DashboardLayout from '@/layouts/DashboardLayout';
8 | import DataDisplay from '@/components/DataDisplay';
9 |
10 | // import { useFetch } from '@/hooks/useFetch';
11 | import { useAlert } from '@/hooks/useAlert';
12 | import useWrapper from '@/hooks/useWrapper';
13 |
14 | const columns = [
15 | { field: 'firstName', headerName: 'First Name', width: 200 },
16 | { field: 'lastName', headerName: 'Last Name', width: 200 },
17 | { field: 'email', headerName: 'Email', width: 200 },
18 | { field: 'phone', headerName: 'Phone', width: 200 },
19 | { field: 'checkInKey', headerName: 'Check In Key', width: 200 },
20 | { field: 'addedAt', headerName: 'Added At', width: 200 },
21 | {
22 | field: 'status',
23 | headerName: 'Status',
24 | width: 200,
25 | valueGetter: (params) => params.row?.checkedIn?.status,
26 | },
27 | {
28 | field: 'at',
29 | headerName: 'Checked In At',
30 | width: 200,
31 | valueGetter: (params) => params.row?.checkedIn?.at,
32 | },
33 | {
34 | field: 'email',
35 | headerName: 'Checked In By Email',
36 | width: 200,
37 | valueGetter: (params) => params.row?.checkedIn?.by?.email,
38 | },
39 | ];
40 |
41 | export default function ExtraById() {
42 | const router = useRouter();
43 | const { orgId, eventId, extraId } = router.query;
44 | const showAlert = useAlert();
45 |
46 | // const { loading, get } = useFetch();
47 |
48 | const [extra, setExtra] = useState({});
49 | const [extraDetails, setExtraDetails] = useState([]);
50 | const { useGetQuery } = useWrapper();
51 | const { isFetching: loading } = useGetQuery(
52 | `/core/organizations/${orgId}/events/${eventId}/extras/${extraId}`,
53 | `/core/organizations/${orgId}/events/${eventId}/extras/${extraId}`,
54 | {},
55 | {
56 | onError: (error) => {
57 | showAlert({
58 | title: 'Error',
59 | description: error,
60 | status: 'error',
61 | });
62 | },
63 | },
64 | (response) => {
65 | setExtraDetails(response.data.extra?.participantExtraDetails || []);
66 | },
67 | );
68 |
69 | return (
70 |
75 | {
77 | router.push(`/${orgId}/events/${eventId}/extras/${extraId}/check-in`);
78 | }}
79 | isLoading={loading}
80 | disabled="true"
81 | >
82 | Check In
83 |
84 | {
86 | router.push(
87 | `/organizations/${orgId}/events/${eventId}/extras/${extraId}/check-in/scanner`,
88 | );
89 | }}
90 | isLoading={loading}
91 | disabled="true"
92 | >
93 | Scanner
94 |
95 | {
97 | router.push(`/${orgId}/events/${eventId}/extras/${extraId}/settings`);
98 | }}
99 | isLoading={loading}
100 | disabled="true"
101 | >
102 | Extras Settings
103 |
104 |
105 | }
106 | debugInfo={extra}
107 | >
108 | {
113 | router.push(`/${orgId}/events/${eventId}/participants/${row.id}`);
114 | }}
115 | />
116 | {!loading && extraDetails.length === 0 ? (
117 |
118 |
119 | No participants assigned
120 |
121 |
122 | Assign participants for extras to see details
123 |
124 |
125 | ) : (
126 | <>
127 | )}
128 |
129 | );
130 | }
131 |
--------------------------------------------------------------------------------
/apps/web-admin/src/pages/[orgId]/events/[eventId]/extras/index.jsx:
--------------------------------------------------------------------------------
1 | import { useRouter } from 'next/router';
2 | import { useEffect, useState } from 'react';
3 | import {
4 | Button,
5 | Modal,
6 | ModalOverlay,
7 | ModalContent,
8 | ModalHeader,
9 | ModalBody,
10 | ModalCloseButton,
11 | useDisclosure,
12 | useColorMode,
13 | } from '@chakra-ui/react';
14 | import { StyledBox, StyledButton, StyledText } from '@/components/ui/StyledComponents';
15 | import DashboardLayout from '@/layouts/DashboardLayout';
16 | // import { useFetch } from '@/hooks/useFetch';
17 | import { useAlert } from '@/hooks/useAlert';
18 | import DataDisplay from '@/components/DataDisplay';
19 | import NewExtraForm from './new'; // Import the form component
20 | import useWrapper from '@/hooks/useWrapper';
21 | import NavigationMenu from '../navigationmenu';
22 | import {
23 | ChevronLeftIcon,
24 | ChevronDownIcon,
25 | Menu,
26 | MenuButton,
27 | MenuList,
28 | MenuItem,
29 | } from '@chakra-ui/icons';
30 | import CustomStyledBox from '@/pages/CustomStyledBox';
31 |
32 | const columns = [
33 | { field: 'name', headerName: 'Name', width: 200 },
34 | {
35 | field: 'numberOfParticipantsWithExtrasAssigned',
36 | headerName: 'No of Participants Assigned',
37 | width: 200,
38 | },
39 | {
40 | field: 'numberOfParticipantsWithExtrasCheckedIn',
41 | headerName: 'No of Participants Checked In',
42 | width: 200,
43 | },
44 | ];
45 |
46 | export default function Extras() {
47 | const { colorMode } = useColorMode();
48 | const router = useRouter();
49 | const { orgId, eventId } = router.query;
50 | const showAlert = useAlert();
51 | const { isOpen, onOpen, onClose } = useDisclosure(); // Chakra UI hook for modal control
52 | // const { loading, get } = useFetch();
53 |
54 | const [extras, setExtras] = useState([]);
55 | const { useGetQuery } = useWrapper();
56 | const { isFetching: loading } = useGetQuery(
57 | `/core/organizations/${orgId}/events/${eventId}/extras`,
58 | `/core/organizations/${orgId}/events/${eventId}/extras`,
59 | {},
60 | {
61 | onError: (error) => {
62 | showAlert({
63 | title: 'Error',
64 | description: error,
65 | status: 'error',
66 | });
67 | },
68 | },
69 | (response) => {
70 | setExtras(response.data.extras || []);
71 | },
72 | );
73 |
74 | return (
75 |
80 |
85 |
86 | Add Extras
87 |
88 |
89 | }
90 | />
91 |
92 | {/* {
99 | router.push(`/${orgId}/events/${eventId}/extras/${row.id}`);
100 | }}
101 | />
102 | {!loading && extras.length === 0 ? (
103 |
104 |
105 | No extras created
106 |
107 |
108 | Add extras assigned and checked in to see details
109 |
110 |
111 | ) : (
112 | <>
113 | )}
114 |
115 | {/* Modal for creating a new extra */}
116 |
117 |
119 |
126 | Add Extra
127 |
128 |
133 | {/* Render the form from new/index.js */}
134 |
136 |
137 |
138 |
139 | );
140 | }
141 |
--------------------------------------------------------------------------------
/apps/web-admin/src/pages/[orgId]/events/[eventId]/extras/new/index.jsx:
--------------------------------------------------------------------------------
1 | /*import { useState } from 'react';
2 | import { useRouter } from 'next/router';
3 | import { Button, FormControl, FormLabel, Input } from '@chakra-ui/react';
4 | import { useAlert } from '@/hooks/useAlert';
5 | import { useFetch } from '@/hooks/useFetch';
6 |
7 | export default function NewExtraForm({ onClose }) {
8 | // Accept onClose to close the modal
9 | const { loading, post } = useFetch();
10 | const showAlert = useAlert();
11 | const router = useRouter();
12 | const { orgId, eventId } = router.query;
13 |
14 | const [name, setName] = useState('');
15 |
16 | const handleSubmit = async (e) => {
17 | e.preventDefault();
18 | const { data, status } = await post(
19 | `/core/organizations/${orgId}/events/${eventId}/extras`,
20 | {},
21 | { name },
22 | );
23 | if (status === 200) {
24 | showAlert({
25 | title: 'Success',
26 | description: 'Extra has been added successfully.',
27 | status: 'success',
28 | });
29 | onClose(); // Close the modal after success
30 | router.push(`/${orgId}/events/${eventId}/extras`); // Redirect to extras list
31 | } else {
32 | showAlert({
33 | title: 'Error',
34 | description: data.error,
35 | status: 'error',
36 | });
37 | }
38 | };
39 |
40 | return (
41 |
57 | );
58 | }
59 |
60 | */
61 | import { useState } from 'react';
62 | import { useRouter } from 'next/router';
63 | import { Button, FormControl, FormLabel, Input, useColorMode } from '@chakra-ui/react';
64 | import { useAlert } from '@/hooks/useAlert';
65 | import { useFetch } from '@/hooks/useFetch';
66 | import useWrapper from '@/hooks/useWrapper';
67 | import { StyledText } from '@/components/ui/StyledComponents';
68 |
69 | export default function NewExtraForm({ onClose }) {
70 | const { colorMode } = useColorMode();
71 | // Accept onClose to close the modal
72 | const { loading, post } = useFetch();
73 | const showAlert = useAlert();
74 | const router = useRouter();
75 | const { orgId, eventId } = router.query;
76 |
77 | const [name, setName] = useState('');
78 | const { useGetQuery, usePostMutation } = useWrapper();
79 | const { mutate: handleExtraMutation } = usePostMutation(
80 | `/core/organizations/${orgId}/events/${eventId}/extras`,
81 | {},
82 | {
83 | onSuccess: (response) => {
84 | showAlert({
85 | title: 'Success',
86 | description: 'Extra has been added successfully.',
87 | status: 'success',
88 | });
89 | onClose(); // Close the modal after success
90 | router.push(`/${orgId}/events/${eventId}/extras`); // Redirect to extras list
91 | },
92 | onError: (error) => {
93 | showAlert({
94 | title: 'Error',
95 | description: error,
96 | status: 'error',
97 | });
98 | },
99 | invalidateKeys: [`/core/organizations/${orgId}/events/${eventId}/extras`],
100 | },
101 | );
102 | const handleSubmit = async (e) => {
103 | e.preventDefault();
104 | handleExtraMutation({
105 | name,
106 | });
107 | };
108 |
109 | return (
110 |
137 | );
138 | }
139 |
--------------------------------------------------------------------------------
/apps/web-admin/src/pages/[orgId]/events/[eventId]/participants/[participantId]/attributes/index.jsx:
--------------------------------------------------------------------------------
1 | import { useRouter } from 'next/router';
2 |
3 | import {
4 | Box,
5 | Flex,
6 | Table,
7 | TableCaption,
8 | Tbody,
9 | Td,
10 | Tfoot,
11 | Th,
12 | Thead,
13 | Tr,
14 | TableContainer,
15 | Text,
16 | } from '@chakra-ui/react';
17 |
18 | // import { useFetch } from '@/hooks/useFetch';
19 | import useWrapper from '@/hooks/useWrapper';
20 | import DashboardLayout from '@/layouts/DashboardLayout';
21 | import { useEffect, useState } from 'react';
22 |
23 | export default function Events() {
24 | const router = useRouter();
25 |
26 | const { orgId, eventId, participantId } = router.query;
27 |
28 | // const { loading, get } = useFetch();
29 |
30 | const [participantAttributes, setParticipantAttributes] = useState([]);
31 | const { useGetQuery } = useWrapper();
32 |
33 | const { isFetching: loading } = useGetQuery(
34 | `/core/organizations/${orgId}/events/${eventId}/participants/${participantId}/attributes`,
35 | `/core/organizations/${orgId}/events/${eventId}/participants/${participantId}/attributes`,
36 | {},
37 | {
38 | onSuccess: (response) => {
39 | setParticipantAttributes(response.data.participantAttributes || []);
40 | //console.log(data);
41 | },
42 | onError: (error) => {
43 | showAlert({
44 | title: 'Error',
45 | description: error,
46 | status: 'error',
47 | });
48 | },
49 | },
50 | );
51 | // useEffect(() => {
52 | // const fetchParticipantAttributes = async () => {
53 | // const { data, status } = await get(
54 | // `/core/organizations/${orgId}/events/${eventId}/participants/${participantId}/attributes`,
55 | // );
56 | // setParticipantAttributes(data.participantAttributes || []);
57 | // //console.log(data);
58 | // };
59 | // fetchParticipantAttributes();
60 | // }, [orgId, eventId, participantId]);
61 |
62 | return (
63 |
64 |
72 |
73 |
74 | Participant Attributes
75 |
76 |
77 |
78 | {JSON.stringify(participantAttributes)}
79 |
80 |
81 |
82 | );
83 | }
84 |
--------------------------------------------------------------------------------
/apps/web-admin/src/pages/[orgId]/events/[eventId]/participants/[participantId]/index.jsx:
--------------------------------------------------------------------------------
1 | import { useRouter } from 'next/router';
2 | import { useEffect, useState } from 'react';
3 |
4 | import { Text, Flex } from '@chakra-ui/react';
5 | import { StyledBox, StyledText } from '@/components/ui/StyledComponents';
6 |
7 | import DashboardLayout from '@/layouts/DashboardLayout';
8 |
9 | import { useFetch } from '@/hooks/useFetch';
10 | import { useAlert } from '@/hooks/useAlert';
11 | import useWrapper from '@/hooks/useWrapper';
12 |
13 | import DataDisplay from '@/components/DataDisplay';
14 |
15 | const attributeColumns = [
16 | { field: 'name', headerName: 'Name', width: 200 },
17 | { field: 'value', headerName: 'Value', width: 200 },
18 | ];
19 |
20 | const extraColumns = [
21 | { field: 'name', headerName: 'Name', width: 200 },
22 | { field: 'assigned', headerName: 'Assigned', width: 200 },
23 | {
24 | field: 'status',
25 | headerName: 'Checked In',
26 | width: 200,
27 | valueGetter: (params) => (params.row?.checkIn?.status ? 'true' : 'false'),
28 | },
29 | {
30 | field: 'at',
31 | headerName: 'Checked In At',
32 | width: 200,
33 | valueGetter: (params) => params.row?.checkIn?.at,
34 | },
35 | {
36 | field: 'by',
37 | headerName: 'Checked In By',
38 | width: 200,
39 | valueGetter: (params) => params.row?.checkIn?.by?.email,
40 | },
41 | ];
42 |
43 | export default function ParticipantById() {
44 | const router = useRouter();
45 | const { orgId, eventId, participantId } = router.query;
46 | const showAlert = useAlert();
47 |
48 | const { loading, get } = useFetch();
49 |
50 | const { useGetQuery } = useWrapper();
51 |
52 | const [participant, setParticipant] = useState([]);
53 | const [participantAttributes, setParticipantAttributes] = useState([]);
54 | const [participantExtras, setParticipantExtras] = useState([]);
55 | const [participantCheckIn, setParticipantCheckIn] = useState({});
56 |
57 | const { data, status, error } = useGetQuery(
58 | `/core/organizations/${orgId}/events/${eventId}/participants/${participantId}`,
59 | `/core/organizations/${orgId}/events/${eventId}/participants/${participantId}`,
60 | {},
61 | {},
62 | (data) => {
63 | setParticipant(data.data.participant || []);
64 | setParticipantAttributes(data.data.participant.attributes || []);
65 | setParticipantExtras(data.data.participant.extras || []);
66 | setParticipantCheckIn(data.data.participant.checkIn || {});
67 | },
68 | );
69 |
70 | return (
71 |
76 |
77 |
78 | ID: {participant.id}
79 | Fist Name: {participant.firstName}
80 | Last Name: {participant.lastName}
81 | Email: {participant.email}
82 | Phone: {participant.phone}
83 | Check In Key: {participant.checkInKey}
84 |
85 | Check In
86 |
87 | Status: {participantCheckIn.status ? 'true' : 'false'}
88 | Checked In At: {participantCheckIn.checkedInAt}
89 |
90 | Checked In By: {participantCheckIn.checkedInByEmail}
91 |
92 |
93 | Attributes - {participant.numberOfAttributesAssigned} assigned
94 | Extras - {participant.numberOfExtrasAssigned} assigned
96 | Extras - {participant.numberOfExtrasCheckedIn} checked in
97 |
99 | {!loading && participant.length === 0 ? (
100 |
101 |
102 | No participants created
103 |
104 |
105 | Add participants and assignment to see details
106 |
107 |
108 | ) : (
109 | <>
110 | )}
111 |
112 | );
113 | }
114 |
--------------------------------------------------------------------------------
/apps/web-admin/src/pages/[orgId]/index.jsx:
--------------------------------------------------------------------------------
1 | import { useRouter } from 'next/router';
2 | import { useEffect, useState } from 'react';
3 |
4 | import { Button, Flex } from '@chakra-ui/react';
5 |
6 | import DashboardLayout from '@/layouts/DashboardLayout';
7 |
8 | // import { useFetch } from '@/hooks/useFetch';
9 | import { useAlert } from '@/hooks/useAlert';
10 | import { useAuth0 } from '@auth0/auth0-react';
11 | import { useContext } from 'react';
12 | import { account } from '@/contexts/MyContext';
13 | import { useMemo } from 'react';
14 | import useWrapper from '@/hooks/useWrapper';
15 |
16 | export default function OrganizationById() {
17 | const router = useRouter();
18 | const { orgId } = router.query;
19 | const { user, isAuthenticated } = useAuth0();
20 | const { useGetQuery } = useWrapper();
21 | // //console.log(user);
22 | const showAlert = useAlert();
23 |
24 | // const { loading, get } = useFetch();
25 | const { accountDetails, setAccountDetails } = useContext(account);
26 | // //console.log(accountDetails.orgId);
27 | // //console.log(orgId);
28 | // //console.log(
29 | // orgId !== undefined , orgId !== accountDetails?.orgId , accountDetails?.orgId === undefined,
30 | // );
31 | // //console.log(orgId, accountDetails.orgId);
32 |
33 | const {
34 | data,
35 | status,
36 | error,
37 | isFetching: loading,
38 | } = useGetQuery(
39 | `/core/organizations/${orgId}`,
40 | `/core/organizations/${orgId}`,
41 | {}, // headers
42 | {}, // options
43 | (data) => {
44 | setAccountDetails((prev) => ({
45 | ...prev,
46 | name: data.data.organization.name || '',
47 | nEvents: data.data.organization.numberOfEvents || 0,
48 | nMembers: data.data.organization.numberOfMembers || 0,
49 | }));
50 | },
51 | );
52 |
53 | // Use useEffect to respond to the result of the hook
54 | // Only trigger when data, status, or error changes
55 | // //console.log(accountDetails?.orgId);
56 | return (
57 |
62 |
63 | {
65 | router.push(`/${orgId}/events`);
66 | }}
67 | isLoading={loading}
68 | >
69 | Events
70 |
71 | {
73 | router.push(`/${orgId}/members`);
74 | }}
75 | isLoading={loading}
76 | >
77 | Members
78 |
79 |
80 |
81 | );
82 | }
83 |
--------------------------------------------------------------------------------
/apps/web-admin/src/pages/[orgId]/members/new/index.jsx:
--------------------------------------------------------------------------------
1 | /*import { useState } from 'react';
2 | import { useRouter } from 'next/router';
3 | import { Button, FormControl, FormLabel, Input, Select } from '@chakra-ui/react';
4 | import { useAlert } from '@/hooks/useAlert';
5 | import { useFetch } from '@/hooks/useFetch';
6 |
7 | export default function NewMemberForm({ onClose }) {
8 | const { loading, post } = useFetch();
9 | const showAlert = useAlert();
10 | const router = useRouter();
11 | const { orgId } = router.query;
12 |
13 | const [email, setEmail] = useState('');
14 | const [role, setRole] = useState('USER');
15 |
16 | const handleSubmit = async (e) => {
17 | e.preventDefault();
18 | const { data, status } = await post(
19 | `/core/organizations/${orgId}/members`,
20 | {},
21 | {
22 | email,
23 | role,
24 | },
25 | );
26 | if (status === 200) {
27 | showAlert({
28 | title: 'Success',
29 | description: 'Member added successfully',
30 | status: 'success',
31 | });
32 | onClose();
33 | router.push(`/${orgId}/members`);
34 | } else {
35 | showAlert({
36 | title: 'Error',
37 | description: data.error,
38 | status: 'error',
39 | });
40 | }
41 | };
42 |
43 | return (
44 |
67 | );
68 | }
69 | */
70 | import { useState } from 'react';
71 | import { useRouter } from 'next/router';
72 | import { Button, FormControl, FormLabel, Input, Select } from '@chakra-ui/react';
73 | import { useAlert } from '@/hooks/useAlert';
74 | import { useFetch } from '@/hooks/useFetch';
75 |
76 | export default function NewMemberForm({ onClose }) {
77 | const { loading, post } = useFetch();
78 | const showAlert = useAlert();
79 | const router = useRouter();
80 | const { orgId } = router.query;
81 |
82 | const [email, setEmail] = useState('');
83 | const [role, setRole] = useState('USER');
84 |
85 | const handleSubmit = async (e) => {
86 | e.preventDefault();
87 | const { data, status } = await post(
88 | `/core/organizations/${orgId}/members`,
89 | {},
90 | {
91 | email,
92 | role,
93 | },
94 | );
95 | if (status === 200) {
96 | showAlert({
97 | title: 'Success',
98 | description: 'Member added successfully',
99 | status: 'success',
100 | });
101 | onClose();
102 | router.push(`/${orgId}/members`);
103 | } else {
104 | showAlert({
105 | title: 'Error',
106 | description: data.error,
107 | status: 'error',
108 | });
109 | }
110 | };
111 |
112 | return (
113 |
136 | );
137 | }
138 |
--------------------------------------------------------------------------------
/apps/web-admin/src/pages/[orgId]/mycertificates/index.jsx:
--------------------------------------------------------------------------------
1 | 'use client';
2 | import { useRouter } from 'next/router';
3 | import DashboardLayout from '@/layouts/DashboardLayout';
4 | // import CertifcateUploadBox from '@/components/CertificateUploadBox';
5 | // import ComingSoon from '@/components/ComingSoon';
6 | import dynamic from 'next/dynamic';
7 |
8 | const CertifcateUploadBox = dynamic(() => import('@/components/CertificateUploadBox'), {
9 | ssr: false,
10 | });
11 |
12 | export default function MyCertificates() {
13 | const router = useRouter();
14 | const { orgId } = router.query;
15 | return (
16 |
17 | {/*
20 | );
21 | }
22 |
23 | // export default MyCertificates;
24 |
--------------------------------------------------------------------------------
/apps/web-admin/src/pages/[orgId]/profile/index.jsx:
--------------------------------------------------------------------------------
1 | const MyProfile = () => {
2 | // unleash your creativity here
3 | return <>;
4 | };
5 | export default MyProfile;
6 |
--------------------------------------------------------------------------------
/apps/web-admin/src/pages/_app.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import MyContext from '@/contexts/MyContext';
3 | import { extendTheme, ChakraProvider, withDefaultColorScheme } from '@chakra-ui/react';
4 | import { Auth0Provider } from '@auth0/auth0-react';
5 | import { ProtectedRoute } from '@/components/ProtectedRoute';
6 | import { ColorModeScript } from '@chakra-ui/icons';
7 | import 'react-day-picker/dist/style.css';
8 | import '../styles/globals.css';
9 | // import '@uiw/react-md-editor/markdown-editor.css';
10 | import { QueryClient, QueryClientProvider } from 'react-query';
11 | const queryClient = new QueryClient();
12 | // defaultOptions: {
13 | // queries: {
14 | // refetchOnWindowFocus: true, // Disable refetch on window focus globally
15 | // refetchOnReconnect: true, // Prevent refetch on network reconnect
16 | // staleTime: 60 * 1000, // Set data as fresh for 1 minute
17 | // },
18 | // },
19 |
20 | const theme = extendTheme({
21 | ...withDefaultColorScheme({
22 | colorScheme: 'teal',
23 | }),
24 | components: {
25 | Button: {
26 | _hover: {
27 | bg: 'auto',
28 | },
29 | },
30 | },
31 | });
32 |
33 | export default function App({ Component, pageProps }) {
34 | return (
35 |
45 |
46 |
47 |
48 |
50 |
52 |
53 |
54 |
55 |
56 | );
57 | }
58 |
--------------------------------------------------------------------------------
/apps/web-admin/src/pages/_document.jsx:
--------------------------------------------------------------------------------
1 | import { Html, Head, Main, NextScript } from 'next/document';
2 |
3 | const Document = () => {
4 | return (
5 |
6 |
7 | {!isAuthenticated && ;
30 | }
31 |
32 | export default Dashboard;
33 |
--------------------------------------------------------------------------------
/apps/web-admin/src/pages/onboarding/verify-email/index.jsx:
--------------------------------------------------------------------------------
1 | import { useEffect } from 'react';
2 |
3 | import { useAuth0 } from '@auth0/auth0-react';
4 | import { useRouter } from 'next/router';
5 |
6 | import { Text, Flex } from '@chakra-ui/react';
7 |
8 | import DashboardLayout from '@/layouts/DashboardLayout';
9 | import { StyledText } from '@/components/ui/StyledComponents';
10 |
11 | export default function VerifyEmail() {
12 | const { user, isAuthenticated, isLoading } = useAuth0();
13 |
14 | const router = useRouter();
15 |
16 | useEffect(() => {
17 | if (isAuthenticated && user.email_verified) router.push('/');
18 | }, [user, isAuthenticated, isLoading]);
19 |
20 | return (
21 |
22 |
23 |
24 | Please verify your email to continue using the application. Do not forget to check the
25 | spam folder too.
26 |
27 |
28 |
29 | );
30 | }
31 |
--------------------------------------------------------------------------------
/apps/web-admin/src/utils/Rectangle 1.svg:
--------------------------------------------------------------------------------
1 |
2 |
4 |
--------------------------------------------------------------------------------
/apps/web-admin/src/utils/prisma.js:
--------------------------------------------------------------------------------
1 | import { PrismaClient } from 'database';
2 |
3 | const prisma = new PrismaClient();
4 | export default prisma;
5 |
--------------------------------------------------------------------------------
/apps/web-admin/src/utils/rectangle.svg:
--------------------------------------------------------------------------------
1 |
9 | ;
18 |
--------------------------------------------------------------------------------
/apps/web-admin/tailwind.config.js:
--------------------------------------------------------------------------------
1 | /** @type {import('tailwindcss').Config} */
2 | module.exports = {
3 | darkMode: ['class'],
4 | content: ['./src/**/*.{js,ts,jsx,tsx,mdx}'],
5 | theme: {
6 | extend: {
7 | borderRadius: {
8 | lg: 'var(--radius)',
9 | md: 'calc(var(--radius) - 2px)',
10 | sm: 'calc(var(--radius) - 4px)',
11 | },
12 | colors: {
13 | teal: {
14 | DEFAULT: '#0d9488',
15 | },
16 | background: 'hsl(var(--background))',
17 | foreground: 'hsl(var(--foreground))',
18 | card: {
19 | DEFAULT: 'hsl(var(--card))',
20 | foreground: 'hsl(var(--card-foreground))',
21 | },
22 | popover: {
23 | DEFAULT: 'hsl(var(--popover))',
24 | foreground: 'hsl(var(--popover-foreground))',
25 | },
26 | primary: {
27 | DEFAULT: 'hsl(var(--primary))',
28 | foreground: 'hsl(var(--primary-foreground))',
29 | },
30 | secondary: {
31 | DEFAULT: 'hsl(var(--secondary))',
32 | foreground: 'hsl(var(--secondary-foreground))',
33 | },
34 | muted: {
35 | DEFAULT: 'hsl(var(--muted))',
36 | foreground: 'hsl(var(--muted-foreground))',
37 | },
38 | accent: {
39 | DEFAULT: 'hsl(var(--accent))',
40 | foreground: 'hsl(var(--accent-foreground))',
41 | },
42 | destructive: {
43 | DEFAULT: 'hsl(var(--destructive))',
44 | foreground: 'hsl(var(--destructive-foreground))',
45 | },
46 | border: 'hsl(var(--border))',
47 | input: 'hsl(var(--input))',
48 | ring: 'hsl(var(--ring))',
49 | chart: {
50 | 1: 'hsl(var(--chart-1))',
51 | 2: 'hsl(var(--chart-2))',
52 | 3: 'hsl(var(--chart-3))',
53 | 4: 'hsl(var(--chart-4))',
54 | 5: 'hsl(var(--chart-5))',
55 | },
56 | },
57 | },
58 | },
59 | plugins: [require('tailwindcss-animate')],
60 | };
61 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "private": true,
3 | "scripts": {
4 | "build": "turbo run build",
5 | "clean": "turbo run clean",
6 | "dev": "turbo run dev",
7 | "lint": "turbo run lint",
8 | "format": "prettier --write \"**/*.{ts,tsx,md}\"",
9 | "test": "turbo run test",
10 | "prepare": "husky install",
11 | "setup": "turbo run setup"
12 | },
13 | "devDependencies": {
14 | "@changesets/cli": "^2.27.10",
15 | "@turbo/gen": "^2.3.1",
16 | "eslint": "^9.15.0",
17 | "eslint-config-custom": "workspace:*",
18 | "husky": "^9.1.7",
19 | "lint-staged": "^15.2.10",
20 | "prettier": "^3.3.3",
21 | "turbo": "^2.3.1"
22 | },
23 | "packageManager": "pnpm@7.15.0",
24 | "name": "techno-event-management",
25 | "version": "0.0.0",
26 | "dependencies": {
27 | "@chakra-ui/form-control": "^2.2.0",
28 | "@chakra-ui/layout": "^2.3.1",
29 | "@chakra-ui/react": "^2.8.2",
30 | "@emotion/react": "^11.13.3",
31 | "@emotion/styled": "^11.13.0",
32 | "chakra-ui-autocomplete": "^1.4.5",
33 | "framer-motion": "^11.5.4",
34 | "react-dom": "18.3.1"
35 | }
36 | }
37 |
--------------------------------------------------------------------------------
/packages/auth0-flows/CHANGELOG.md:
--------------------------------------------------------------------------------
1 | # auth0-flows
2 |
3 | ## 0.1.0
4 |
5 | ### Minor Changes
6 |
7 | - Initialise changeset
8 |
--------------------------------------------------------------------------------
/packages/auth0-flows/package-lock.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "auth0-flows",
3 | "version": "0.1.0",
4 | "lockfileVersion": 3,
5 | "requires": true,
6 | "packages": {
7 | "": {
8 | "name": "auth0-flows",
9 | "version": "0.1.0",
10 | "license": "ISC"
11 | }
12 | }
13 | }
14 |
--------------------------------------------------------------------------------
/packages/auth0-flows/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "auth0-flows",
3 | "version": "0.1.0",
4 | "description": "",
5 | "main": "index.js",
6 | "scripts": {
7 | "test": "echo \"Error: no test specified\" && exit 1"
8 | },
9 | "author": "",
10 | "license": "ISC"
11 | }
12 |
--------------------------------------------------------------------------------
/packages/auth0-flows/src/add-user-to-database/index.js:
--------------------------------------------------------------------------------
1 | const axios = require('axios');
2 |
3 | exports.onExecutePostUserRegistration = async (event, api) => {
4 | try {
5 | const { user } = event;
6 |
7 | const userId = user.user_id;
8 | const email = user.email;
9 |
10 | const apiUrl = event.secrets.CORE_AUTH0_ACTIONS_API + '/api/auth/newuser';
11 |
12 | const { data, status } = await axios.post(
13 | apiUrl,
14 | {
15 | userId,
16 | email,
17 | },
18 | {
19 | headers: {
20 | 'Content-Type': 'application/json',
21 | Authorization: 'Bearer ' + event.secrets.AUTHORIZATION_SECRET,
22 | },
23 | validateStatus: () => true,
24 | },
25 | );
26 |
27 | if (status === 200) console.log(`Status: ${status} - Successfully added ${userId} to database`);
28 | else console.log(`Status: ${status} - Failed to add ${userId} to database`);
29 | } catch (error) {
30 | console.error('Error calling API:', error.message);
31 | }
32 | };
33 |
--------------------------------------------------------------------------------
/packages/database/.env.example:
--------------------------------------------------------------------------------
1 | DATABASE_URL="postgres://postgres.qdydcjeonvpvifdfcntz:QEvX7r28HZeoWMXr@aws-0-ap-south-1.pooler.supabase.com:5432/postgres"
2 |
--------------------------------------------------------------------------------
/packages/database/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules
2 | # Keep environment variables out of version control
3 | .env
4 |
--------------------------------------------------------------------------------
/packages/database/CHANGELOG.md:
--------------------------------------------------------------------------------
1 | # database
2 |
3 | ## 0.1.0
4 |
5 | ### Minor Changes
6 |
7 | - Initialise changeset
8 |
--------------------------------------------------------------------------------
/packages/database/index.ts:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | ...require('@prisma/client/index'),
3 | };
4 |
--------------------------------------------------------------------------------
/packages/database/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "database",
3 | "version": "0.1.0",
4 | "main": "./index.ts",
5 | "types": "./index.d.ts",
6 | "scripts": {
7 | "db:generate": "prisma generate",
8 | "db:push": "prisma db push --skip-generate",
9 | "setup": "node -e \"require('fs').copyFile('.env.example', '.env', (err) => {if (err) {//console.log(err);} else {//console.log('Prisma client generated and environment variables set up successfully');}});\" && prisma generate"
10 | },
11 | "dependencies": {
12 | "@prisma/client": "^5.7.1"
13 | },
14 | "devDependencies": {
15 | "@types/node": "^20.10.6",
16 | "prisma": "^5.22.0"
17 | }
18 | }
19 |
--------------------------------------------------------------------------------
/packages/database/prisma/migrations/20240229114739_/migration.sql:
--------------------------------------------------------------------------------
1 | /*
2 | Warnings:
3 |
4 | - A unique constraint covering the columns `[email,eventId]` on the table `Participant` will be added. If there are existing duplicate values, this will fail.
5 | - Made the column `email` on table `Participant` required. This step will fail if there are existing NULL values in that column.
6 |
7 | */
8 | -- AlterTable
9 | ALTER TABLE "Participant" ALTER COLUMN "email" SET NOT NULL;
10 |
11 | -- CreateIndex
12 | CREATE UNIQUE INDEX "Participant_email_eventId_key" ON "Participant"("email", "eventId");
13 |
--------------------------------------------------------------------------------
/packages/database/prisma/migrations/20241025092424_registration/migration.sql:
--------------------------------------------------------------------------------
1 | -- CreateTable
2 | CREATE TABLE "Registrant" (
3 | "id" UUID NOT NULL DEFAULT gen_random_uuid(),
4 | "firstName" TEXT NOT NULL,
5 | "lastName" TEXT,
6 | "email" TEXT NOT NULL,
7 | "phone" TEXT,
8 | "eventId" UUID NOT NULL,
9 | "organizationId" TEXT NOT NULL,
10 |
11 | CONSTRAINT "Registrant_pkey" PRIMARY KEY ("id")
12 | );
13 |
14 | -- CreateTable
15 | CREATE TABLE "RegistrantAttributes" (
16 | "id" UUID NOT NULL DEFAULT gen_random_uuid(),
17 | "value" TEXT NOT NULL,
18 | "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
19 | "updatedAt" TIMESTAMP(3) NOT NULL,
20 | "registrantId" UUID NOT NULL,
21 | "attributeId" UUID NOT NULL,
22 |
23 | CONSTRAINT "RegistrantAttributes_pkey" PRIMARY KEY ("id")
24 | );
25 |
26 | -- CreateTable
27 | CREATE TABLE "RegistrantExtras" (
28 | "id" UUID NOT NULL DEFAULT gen_random_uuid(),
29 | "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
30 | "updatedAt" TIMESTAMP(3) NOT NULL,
31 | "registrantId" UUID NOT NULL,
32 | "extraId" UUID NOT NULL,
33 |
34 | CONSTRAINT "RegistrantExtras_pkey" PRIMARY KEY ("id")
35 | );
36 |
37 | -- AddForeignKey
38 | ALTER TABLE "Registrant" ADD CONSTRAINT "Registrant_eventId_fkey" FOREIGN KEY ("eventId") REFERENCES "Event"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
39 |
40 | -- AddForeignKey
41 | ALTER TABLE "Registrant" ADD CONSTRAINT "Registrant_organizationId_fkey" FOREIGN KEY ("organizationId") REFERENCES "Organization"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
42 |
43 | -- AddForeignKey
44 | ALTER TABLE "RegistrantAttributes" ADD CONSTRAINT "RegistrantAttributes_registrantId_fkey" FOREIGN KEY ("registrantId") REFERENCES "Registrant"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
45 |
46 | -- AddForeignKey
47 | ALTER TABLE "RegistrantAttributes" ADD CONSTRAINT "RegistrantAttributes_attributeId_fkey" FOREIGN KEY ("attributeId") REFERENCES "Attributes"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
48 |
49 | -- AddForeignKey
50 | ALTER TABLE "RegistrantExtras" ADD CONSTRAINT "RegistrantExtras_registrantId_fkey" FOREIGN KEY ("registrantId") REFERENCES "Registrant"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
51 |
52 | -- AddForeignKey
53 | ALTER TABLE "RegistrantExtras" ADD CONSTRAINT "RegistrantExtras_extraId_fkey" FOREIGN KEY ("extraId") REFERENCES "Extras"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
54 |
--------------------------------------------------------------------------------
/packages/database/prisma/migrations/migration_lock.toml:
--------------------------------------------------------------------------------
1 | # Please do not edit this file manually
2 | # It should be added in your version-control system (i.e. Git)
3 | provider = "postgresql"
--------------------------------------------------------------------------------
/packages/eslint-config-custom/index.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | env: {
3 | browser: true,
4 | commonjs: true,
5 | es6: true,
6 | node: true,
7 | },
8 | parser: '@typescript-eslint/parser',
9 | settings: {
10 | react: {
11 | version: 'detect',
12 | },
13 | },
14 | plugins: ['react', '@typescript-eslint', 'prettier'],
15 | extends: ['plugin:react/recommended', 'prettier'],
16 | rules: {
17 | 'react/jsx-props-no-spreading': 'off',
18 | 'react/react-in-jsx-scope': 'off',
19 | 'import/prefer-default-export': 'off',
20 | 'prettier/prettier': ['error'],
21 | 'class-methods-use-this': 'off',
22 | 'import/no-extraneous-dependencies': 'off',
23 | 'react/require-default-props': 'off',
24 | 'comma-dangle': 'off',
25 | 'no-return-await': 'off',
26 | '@typescript-eslint/return-await': 'off',
27 | },
28 | };
29 |
--------------------------------------------------------------------------------
/packages/eslint-config-custom/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "eslint-config-custom",
3 | "main": "index.js",
4 | "license": "MIT",
5 | "dependencies": {
6 | "eslint": "^8.56.0",
7 | "eslint-config-next": "^13.5.4",
8 | "eslint-config-prettier": "^9.0.0",
9 | "eslint-config-turbo": "^1.11.2",
10 | "eslint-plugin-react": "7.33.2"
11 | },
12 | "devDependencies": {
13 | "tsconfig": "workspace:*"
14 | },
15 | "publishConfig": {
16 | "access": "public"
17 | },
18 | "scripts": {
19 | "lint": "eslint"
20 | }
21 | }
22 |
--------------------------------------------------------------------------------
/packages/eslint-config-custom/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "tsconfig/tsconfig.json",
3 | "compilerOptions": {
4 | "outDir": "./build/"
5 | },
6 | "include": ["src/**/*"],
7 | "exclude": ["node_modules"]
8 | }
9 |
--------------------------------------------------------------------------------
/packages/tsconfig/package-lock.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "tsconfig",
3 | "lockfileVersion": 3,
4 | "requires": true,
5 | "packages": {
6 | "": {
7 | "name": "tsconfig"
8 | }
9 | }
10 | }
11 |
--------------------------------------------------------------------------------
/packages/tsconfig/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "tsconfig"
3 | }
4 |
--------------------------------------------------------------------------------
/pnpm-workspace.yaml:
--------------------------------------------------------------------------------
1 | packages:
2 | - 'apps/*'
3 | - 'packages/*'
4 | - 'apps/web-admin/*'
5 |
--------------------------------------------------------------------------------
/turbo.json:
--------------------------------------------------------------------------------
1 | {
2 | "$schema": "https://turbo.build/schema.json",
3 | "globalDependencies": ["**/.env.*local"],
4 | "tasks": {
5 | "build": {
6 | "dependsOn": ["^build", "^db:generate"],
7 | "outputs": [".next/**", "!.next/cache/**"]
8 | },
9 | "clean": {},
10 | "start": {},
11 | "lint": {},
12 | "dev": {
13 | "dependsOn": ["^db:generate"],
14 | "cache": false,
15 | "persistent": true
16 | },
17 | "setup": {},
18 | "test": {
19 | "dependsOn": ["^build"],
20 | "inputs": ["src/**/*.tsx", "src/**/*.ts", "test/**/*.ts", "test/**/*.tsx"]
21 | },
22 | "db:generate": {
23 | "cache": false
24 | }
25 | }
26 | }
27 |
--------------------------------------------------------------------------------
15 |
16 |
17 | 
18 |
19 |
20 |
21 |