18 |
22 | 19 | {t("organization.addOrganization.description")} 20 |
21 |
23 |
25 | docs directory.
29 |
30 | ),
31 | },
32 | {
33 | title: "Powered by React",
34 | Svg: require("@site/static/img/undraw_docusaurus_react.svg").default,
35 | description: (
36 | <>
37 | Extend or customize your website layout by reusing React. Docusaurus can be
38 | extended while reusing the same header and footer.
39 |
40 | ),
41 | },
42 | ];
43 |
44 | function Feature({ title, Svg, description }: FeatureItem) {
45 | return (
46 |
47 |
55 | );
56 | }
57 |
58 | export default function HomepageFeatures(): JSX.Element {
59 | return (
60 |
48 |
49 |
50 |
51 |
54 | {title}
52 |{description}
53 |
62 |
69 |
63 | {FeatureList.map((props, idx) => (
64 | // biome-ignore lint/suspicious/noArrayIndexKey:
65 |
68 | setIsOpen(!isOpen)}
20 | className="collapse-arrow collapse w-full border border-base-300 bg-base-200"
21 | >
22 |
23 |
39 | );
40 | };
41 |
42 | export default DebugMirror;
43 |
--------------------------------------------------------------------------------
/src/components/adminPage/users/userGroup.tsx:
--------------------------------------------------------------------------------
1 | import { User } from "@prisma/client";
2 | import React from "react";
3 | import {
4 | useTrpcApiErrorHandler,
5 | useTrpcApiSuccessHandler,
6 | } from "~/hooks/useTrpcApiHandler";
7 | import { api } from "~/utils/api";
8 |
9 | interface Iuser {
10 | user: Partial{title}
24 |
25 |
38 |
39 |
58 |
59 | );
60 | };
61 |
62 | export default UserRole;
63 |
--------------------------------------------------------------------------------
/src/components/adminPage/users/userRole.tsx:
--------------------------------------------------------------------------------
1 | import { User } from "@prisma/client";
2 | import { useTranslations } from "next-intl";
3 | import React from "react";
4 | import {
5 | useTrpcApiErrorHandler,
6 | useTrpcApiSuccessHandler,
7 | } from "~/hooks/useTrpcApiHandler";
8 | import { api } from "~/utils/api";
9 |
10 | interface Iuser {
11 | user: Partial
47 |
55 |
56 | );
57 | };
58 |
59 | export default UserRole;
60 |
--------------------------------------------------------------------------------
/src/components/auth/formInput.tsx:
--------------------------------------------------------------------------------
1 | import React, { ReactElement } from "react";
2 |
3 | interface FormInputProps {
4 | label: string;
5 | name: string;
6 | type: string;
7 | value: string;
8 | onChange: (event: React.ChangeEvent
26 |
29 |
42 |
43 | );
44 | };
45 |
46 | export default FormInput;
47 |
--------------------------------------------------------------------------------
/src/components/auth/formSubmitButton.tsx:
--------------------------------------------------------------------------------
1 | import cn from "classnames";
2 |
3 | interface SubmitButtonProps {
4 | loading: boolean;
5 | title: string;
6 | }
7 |
8 | const FormSubmitButtons: React.FC
15 |
29 |
34 | );
35 | };
36 |
37 | export default MultifactorNotEnabled;
38 |
--------------------------------------------------------------------------------
/src/components/auth/totpInput.tsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import TwoFactAuth from "./totpDigits";
3 | import Link from "next/link";
4 | import { useTranslations } from "next-intl";
5 |
6 | interface TOTPInputProps {
7 | totpCode: string;
8 | setTotpCode: (code: string) => void;
9 | }
10 |
11 | const TOTPInput: React.FC
30 |
33 | {t("account.totp.notification.title")}
31 |{t("account.totp.notification.description")}
32 |
15 |
18 | setTotpCode(val)} />
19 |
23 | {t("authPages.signin.havingIssues")}
24 |
25 |
26 | );
27 | };
28 |
29 | export default TOTPInput;
30 |
--------------------------------------------------------------------------------
/src/components/auth/welcomeMessage.tsx:
--------------------------------------------------------------------------------
1 | import { api } from "~/utils/api";
2 | import Link from "next/link";
3 | import { useTranslations } from "next-intl";
4 |
5 | export const WelcomeMessage = () => {
6 | const t = useTranslations();
7 | const { data: options, isLoading } = api.public.getWelcomeMessage.useQuery();
8 |
9 | return (
10 |
11 |
50 | );
51 | };
52 |
--------------------------------------------------------------------------------
/src/components/auth/withAuth.tsx:
--------------------------------------------------------------------------------
1 | import { GetServerSideProps } from "next";
2 | import { getSession } from "next-auth/react";
3 |
4 | export function withAuth(gssp: GetServerSideProps): GetServerSideProps {
5 | return async (context) => {
6 | const { user } = (await getSession(context)) || {};
7 |
8 | if (!user) {
9 | return {
10 | redirect: { statusCode: 302, destination: "/auth/login" },
11 | };
12 | }
13 | // ssp (server side props)
14 | const gsspData = await gssp(context);
15 |
16 | if (!("props" in gsspData)) {
17 | throw new Error("invalid getSSP result");
18 | }
19 |
20 | return {
21 | props: {
22 | ...gsspData.props,
23 | user,
24 | },
25 | };
26 | };
27 | }
28 |
--------------------------------------------------------------------------------
/src/components/elements/debouncedInput.tsx:
--------------------------------------------------------------------------------
1 | import { useEffect, useState, type InputHTMLAttributes } from "react";
2 |
3 | // A debounced input react component
4 | export const DebouncedInput = ({
5 | value: initialValue,
6 | onChange,
7 | debounce = 500,
8 | ...props
9 | }: {
10 | value: string | number;
11 | onChange: (value: string | number) => void;
12 | debounce?: number;
13 | } & Omit
12 | {!isLoading && (
13 |
49 |
14 |
47 | )}
48 |
15 | {options?.welcomeMessageTitle ? (
16 |
41 | {options.welcomeMessageTitle}
17 | ) : ( 18 |
19 |
20 |
30 |
36 | https://ztnet.network
37 |
38 |
39 | )}
40 |
20 |
21 | 
27 | ZTNET
28 |
29 |
30 |
36 | https://ztnet.network
37 |
38 |
27 | ZTNET
28 | 42 | {options?.welcomeMessageBody || ( 43 | {t("authPages.welcomeMessage.slogan")} 44 | )} 45 |
46 |None
; 23 | } 24 | 25 | return ( 26 |
27 | {Object.entries(tagsByName).map(([tagName, tagDetails]) => (
28 |
38 | );
39 | };
40 |
41 | export default FlagsAndTags;
42 |
--------------------------------------------------------------------------------
/src/components/networkByIdPage/networkQrCode.tsx:
--------------------------------------------------------------------------------
1 | import { useTheme } from "next-themes";
2 | import { QRCodeSVG } from "qrcode.react";
3 | import React, { useEffect, useState } from "react";
4 | import daisyuiColors from "daisyui/src/theming/themes";
5 | import Link from "next/link";
6 |
7 | interface IProps {
8 | networkId: string;
9 | }
10 |
11 | const urlBuilder = (networkId: string) => {
12 | return `https://joinzt.com/addnetwork?nwid=${networkId}&v=1`;
13 | };
14 |
15 | const NetworkQrCode = ({ networkId }: IProps) => {
16 | const [themeRGBColor, setThemeRGBColor] = useState("");
17 | const { theme } = useTheme();
18 |
19 | useEffect(() => {
20 | setThemeRGBColor(daisyuiColors[theme]?.primary);
21 | }, [theme]);
22 |
23 | return (
24 |
25 | {info.row.original.via || "LAN"}
,
22 | }),
23 | columnHelper.accessor("nodeName", {
24 | header: "Node Name",
25 | cell: (info) => {
26 | // check if ipAssignments has the via ip and return the node name
27 | const node = members?.find((member) =>
28 | member.ipAssignments?.includes(info.row.original.via),
29 | );
30 | return node?.name || null;
31 | },
32 | }),
33 | columnHelper.accessor("notes", {
34 | header: "Notes",
35 | }),
36 | columnHelper.accessor("actions", {
37 | header: "",
38 | cell: (info) => (
39 |
54 | ),
55 | }),
56 | ];
57 |
--------------------------------------------------------------------------------
/src/components/networkByIdPage/privatePublic.tsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 |
3 | interface CardProps {
4 | title: string;
5 | content: string;
6 | rootClassName: string;
7 | iconClassName: string;
8 | faded: boolean;
9 | onClick: () => void;
10 | }
11 |
12 | const CardComponent: React.FC
25 |
51 | );
52 | };
53 |
54 | export default CardComponent;
55 |
--------------------------------------------------------------------------------
/src/components/networkPage/networkTableMemberCount.tsx:
--------------------------------------------------------------------------------
1 | export const NetworkTableMemberCount = ({ count }) => {
2 | return (
3 |
26 |
50 |
27 | {title}
28 |
29 | {/*
46 |
47 | {content}
48 |
49 |
4 | {count}
5 |
6 | );
7 | };
8 |
--------------------------------------------------------------------------------
/src/components/organization/orgUserRole.tsx:
--------------------------------------------------------------------------------
1 | import { User } from "@prisma/client";
2 | import { useTranslations } from "next-intl";
3 | import React from "react";
4 | import {
5 | useTrpcApiErrorHandler,
6 | useTrpcApiSuccessHandler,
7 | } from "~/hooks/useTrpcApiHandler";
8 | import { api } from "~/utils/api";
9 |
10 | interface Iuser {
11 | user: Partial
48 |
57 |
58 | );
59 | };
60 |
61 | export default OrgUserRole;
62 |
--------------------------------------------------------------------------------
/src/components/shared/menuSectionDividerWrapper.tsx:
--------------------------------------------------------------------------------
1 | import type React from "react";
2 |
3 | interface MenuSectionWrapperProps {
4 | title: string;
5 | children: React.ReactNode;
6 | className?: string;
7 | }
8 |
9 | const MenuSectionDividerWrapper: React.FC
16 |
24 | );
25 | };
26 |
27 | export default MenuSectionDividerWrapper;
28 |
--------------------------------------------------------------------------------
/src/components/shared/metaTags.tsx:
--------------------------------------------------------------------------------
1 | import Head from "next/head";
2 | import React from "react";
3 |
4 | const HeadSection = ({ title }: { title: string }) => {
5 | return (
6 |
7 |
17 |
22 | {children}
23 | 18 | {title} 19 |
20 | 21 |
11 |
35 | );
36 | };
37 |
38 | export default NetworkLoadingSkeleton;
39 |
--------------------------------------------------------------------------------
/src/components/userSettings/fontSize.tsx:
--------------------------------------------------------------------------------
1 | import { useEffect, useState } from "react";
2 | import { useTranslations } from "next-intl";
3 | import { useFontSizeStore } from "~/utils/store";
4 |
5 | const fontSizeOptions = {
6 | Small: "text-xs",
7 | Medium: "text-base",
8 | Large: "text-lg",
9 | };
10 |
11 | const ApplicationFontSize = () => {
12 | const t = useTranslations("userSettings");
13 | const { fontSize, setFontSize } = useFontSizeStore();
14 | const [localFontSize, setLocalFontSize] = useState(fontSize);
15 |
16 | useEffect(() => {
17 | // Apply the font size class to the document element
18 | document.documentElement.className = fontSizeOptions[localFontSize];
19 | // Save the font size to the store whenever it changes
20 | setFontSize(localFontSize);
21 | }, [localFontSize, setFontSize]);
22 |
23 | return (
24 |
12 |
21 |
22 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
25 |
44 | );
45 | };
46 |
47 | export default ApplicationFontSize;
48 |
--------------------------------------------------------------------------------
/src/global.d.ts:
--------------------------------------------------------------------------------
1 | import "@tanstack/react-table";
2 | /* eslint-disable @typescript-eslint/consistent-type-imports */
3 | /* eslint-disable @typescript-eslint/no-empty-interface */
4 | // Use type safe message keys with `next-intl`
5 | type Messages = typeof import("./locales/en/common.json");
6 | declare type IntlMessages = Messages;
7 |
8 | declare module "@tanstack/table-core" {
9 | interface ColumnMeta
26 |
31 |
42 |
43 |