-
- درحال بارگذاری...
-
+
+ {toasts.map((toast) => (
+
+ );
+};
+
+export const toast = (message?: string, type: 'success' | 'error' | 'info' = 'info') => {
+ addToast({ id: Date.now().toString(), message: message || '', type });
+};
+
+export default ToastContainer;
\ No newline at end of file
diff --git a/src/config/axios.ts b/src/config/axios.ts
new file mode 100644
index 0000000..2af51c6
--- /dev/null
+++ b/src/config/axios.ts
@@ -0,0 +1,25 @@
+import axios from "axios";
+import { getToken } from "./func";
+
+const axiosInstance = axios.create({
+ baseURL: import.meta.env.VITE_BASE_URL,
+});
+
+axiosInstance.interceptors.response.use(
+ (response) => response,
+ (error) => {
+ return Promise.reject(error);
+ }
+);
+
+axiosInstance.interceptors.request.use(async function (config) {
+ const token = getToken();
+
+ config.headers.Authorization = "Bearer " + token;
+ config.headers["x-business-id"] = localStorage.getItem(
+ import.meta.env.VITE_WORKSPACE_ID
+ );
+ return config;
+});
+
+export default axiosInstance;
diff --git a/src/config/axiosDanak.ts b/src/config/axiosDanak.ts
new file mode 100644
index 0000000..580452f
--- /dev/null
+++ b/src/config/axiosDanak.ts
@@ -0,0 +1,22 @@
+import axios from "axios";
+import { getToken } from "./func";
+
+const axiosDanak = axios.create({
+ baseURL: import.meta.env.VITE_DANAK_BASE_URL,
+});
+
+axiosDanak.interceptors.response.use(
+ (response) => response,
+ (error) => {
+ return Promise.reject(error);
+ }
+);
+
+axiosDanak.interceptors.request.use(async function (config) {
+ const token = getToken();
+
+ config.headers.Authorization = "Bearer " + token;
+ return config;
+});
+
+export default axiosDanak;
diff --git a/src/config/func.ts b/src/config/func.ts
new file mode 100644
index 0000000..1dc7af7
--- /dev/null
+++ b/src/config/func.ts
@@ -0,0 +1,61 @@
+import Cookie from "js-cookie";
+
+export function isEmail(input: string): boolean {
+ const emailRegex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
+ return emailRegex.test(input);
+}
+
+export function NumberFormat(number: number): string {
+ return Intl.NumberFormat("fa-IR").format(number);
+}
+
+export const getToken = () => {
+ return Cookie.get(import.meta.env.VITE_TOKEN_NAME);
+};
+
+export const getRefreshToken = () => {
+ return Cookie.get(import.meta.env.VITE_REFRESH_TOKEN_NAME);
+};
+
+const isProduction = import.meta.env.MODE === "production";
+const domain = isProduction ? ".danakcorp.com" : undefined;
+
+export const setToken = async (token: string) => {
+ Cookie.set(import.meta.env.VITE_TOKEN_NAME, token, { domain });
+};
+
+export const setRefreshToken = async (refreshToken: string) => {
+ Cookie.set(import.meta.env.VITE_REFRESH_TOKEN_NAME, refreshToken, {
+ domain,
+ });
+};
+
+export const removeToken = async () => {
+ Cookie.remove(import.meta.env.VITE_TOKEN_NAME, { domain, path: "/" });
+};
+
+export const removeRefreshToken = async () => {
+ Cookie.remove(import.meta.env.VITE_REFRESH_TOKEN_NAME, { domain, path: "/" });
+};
+
+export const timeAgo = (date: string | Date): string => {
+ const now = new Date();
+ const past = new Date(date);
+ const diff = Math.floor((now.getTime() - past.getTime()) / 1000); // اختلاف بر حسب ثانیه
+
+ const units = [
+ { name: "سال", value: 60 * 60 * 24 * 365 },
+ { name: "ماه", value: 60 * 60 * 24 * 30 },
+ { name: "روز", value: 60 * 60 * 24 },
+ { name: "ساعت", value: 60 * 60 },
+ { name: "دقیقه", value: 60 },
+ { name: "ثانیه", value: 1 },
+ ];
+
+ for (const unit of units) {
+ const amount = Math.floor(diff / unit.value);
+ if (amount >= 1) return `${amount} ${unit.name} پیش`;
+ }
+
+ return "همین الان";
+};
diff --git a/src/config/orvalAxios.ts b/src/config/orvalAxios.ts
new file mode 100644
index 0000000..22ea517
--- /dev/null
+++ b/src/config/orvalAxios.ts
@@ -0,0 +1,50 @@
+import axios, { AxiosRequestConfig } from "axios";
+import { getToken } from "./func";
+
+const orvalAxiosInstance = axios.create({
+ baseURL: import.meta.env.VITE_BASE_URL,
+});
+
+orvalAxiosInstance.interceptors.response.use(
+ (response) => response,
+ (error) => {
+ return Promise.reject(error);
+ }
+);
+
+orvalAxiosInstance.interceptors.request.use(async (config) => {
+ const token = getToken();
+
+ config.headers["Content-Type"] = "application/json";
+ config.headers["Accept"] = "application/json";
+
+ if (token) {
+ config.headers["Authorization"] = `Bearer ${token}`;
+ }
+
+ const businessId = localStorage.getItem(import.meta.env.VITE_WORKSPACE_ID);
+ if (businessId) {
+ config.headers["x-business-id"] = businessId;
+ }
+
+ return config;
+});
+
+export const customAxiosInstance =
+ {
+ toast.type === 'success' ?
+ ))}
+
-
-
- خوش آمدید به سیستم مدیریت ایمیل -
-- از منوی کناری میتوانید به بخشهای مختلف سیستم دسترسی داشته باشید -
-
- (false)
+ const { t } = useTranslation('global')
+
+ return (
+ <>
+ setOpen(false)}
+ isHeader={true}
+ title_header={t('home.create_new_access')}
+ >
+
+
+ )
+}
+
+export default BoxNewAccessbility
\ No newline at end of file
diff --git a/src/pages/home/components/DanakLearning.tsx b/src/pages/home/components/DanakLearning.tsx
new file mode 100644
index 0000000..e87affa
--- /dev/null
+++ b/src/pages/home/components/DanakLearning.tsx
@@ -0,0 +1,46 @@
+import { FC } from 'react'
+import { useTranslation } from 'react-i18next'
+import { ArrowLeft } from 'iconsax-react'
+import CoverImage from '../../../assets/images/banner.png'
+
+const DanakLearning: FC = () => {
+
+ const { t } = useTranslation('global')
+
+ return (
+ = (props: Props) => {
+
+ return (
+
+ (SettingTabEnum.SETTING_PERSONALITY)
+ const [activeTab, setActiveTab] = useState(SettingTabEnum.SETTING_DOMAIN)
const renderActiveTab = () => {
switch (activeTab) {
diff --git a/src/pages/setting/domain/Domain.tsx b/src/pages/setting/domain/Domain.tsx
index 7493342..87c52fb 100644
--- a/src/pages/setting/domain/Domain.tsx
+++ b/src/pages/setting/domain/Domain.tsx
@@ -1,145 +1,154 @@
-import Button from '@/components/Button'
-import Input from '@/components/Input'
import Table from '@/components/Table'
-import { FC } from 'react'
+import { FC, useEffect, useState } from 'react'
import { useTranslation } from 'react-i18next'
-import { TickCircle } from 'iconsax-react'
-import { Copy } from 'iconsax-react'
-
-interface DNSRecord extends Record {
- id: number
- status: 'verified' | 'pending'
- type: string
- name: string
- value: string
- number: number
-}
+import { TickCircle, Copy, CloseCircle, Clock, TickSquare } from 'iconsax-react'
+import CreateDomain from './components/CreateDomain'
+import { useGetDnsRecords } from './hooks/useDomainData'
+import { DnsRecordType } from './types/Types'
const Domain: FC = () => {
-
const { t } = useTranslation()
+ const [disabled, setDisabled] = useState(false)
+ const { data, isLoading } = useGetDnsRecords(disabled)
+ const [copiedField, setCopiedField] = useState(null)
- // نمونه دادههای DNS records طبق تصویر
- const dnsRecords: DNSRecord[] = [
- {
- id: 1,
- status: 'verified',
- type: 'TXT',
- name: 'example.com',
- value: 'v=spf1 include:_spf.example.com ~all',
- number: 1
- },
- {
- id: 2,
- status: 'verified',
- type: 'MX | Priority:10',
- name: 'example.com',
- value: '10 mail.example.com',
- number: 1
- },
- {
- id: 3,
- status: 'verified',
- type: 'Cname | No CDN',
- name: 'example.com',
- value: 'v=spf1 include:_spf.example.com ~all',
- number: 1
- },
- {
- id: 4,
- status: 'verified',
- type: 'TXT',
- name: 'example.com',
- value: 'v=spf1 include:_spf.example.com ~all',
- number: 1
+ useEffect(() => {
+ if (data?.data?.overallStatus?.isVerified && !disabled) {
+ setDisabled(true)
}
- ]
+ }, [data])
+
+ const getStatusIcon = (status: DnsRecordType['status']) => {
+ switch (status) {
+ case 'VERIFIED':
+ return (
+ (false)
+
+ useEffect(() => {
+ if (domains?.data?.domain) {
+ setDomain(domains?.data?.domain?.name)
+ if (domains?.data?.domain?.isVerified) {
+ setIsVerified(true)
+ }
+ }
+ }, [domains])
+
+
+ const handleCreateDomain = () => {
+ createDomain({
+ name: domain,
+ notes: domain
+ }, {
+ onSuccess: (data) => {
+ toast(data.message, 'success')
+ setDomain('')
+ },
+ onError: (error: ErrorType) => {
+ toast(error.response?.data?.error?.message[0], 'error')
+ }
+ })
+ }
+ return (
+
- extends IBaseResponse {
+ data: T;
+}
-
- پیامهای دریافتی
-مدیریت ایمیلهای واردشده
-
-
- پیامهای ارسالی
-مشاهده ایمیلهای ارسال شده
-
-
- پیشنویسها
-ادامه نوشتن ایمیلهای ناتمام
-
-
+ تنظیمات
-پیکربندی سیستم و حساب کاربری
-
+
diff --git a/src/pages/home/components/BoxNewAccessbility.tsx b/src/pages/home/components/BoxNewAccessbility.tsx
new file mode 100644
index 0000000..d98efeb
--- /dev/null
+++ b/src/pages/home/components/BoxNewAccessbility.tsx
@@ -0,0 +1,146 @@
+import { Add } from 'iconsax-react'
+import { FC, useState } from 'react'
+import DefaulModal from '../../../components/DefaulModal'
+import { useTranslation } from 'react-i18next'
+import Input from '../../../components/Input'
+import Select from '../../../components/Select'
+import SwitchComponent from '../../../components/Switch'
+
+const BoxNewAccessbility: FC = () => {
+
+ const [open, setOpen] = useState
+
+
+ {
+ getWorkspaces.data?.data?.workspaces?.map((item: workspaceItem) => {
+ return (
+
handleChangeWorkspace(item.id)}
+ >
+
+ )
+ })
+ }
+
+
+ {item.businessName}
+
+
+
+ {item.plan?.name}
+
+
+
+
+
+
+
+
+
+
+
+
+ تاریخ پایان:
+ {moment(item?.endDate).format('jYYYY/jMM/jDD')}
+ setOpen(true)}
+ className="flex-1 min-w-[40%] xl:min-w-[20%] flex justify-center items-center h-[160px]"
+ style={{
+ position: 'relative',
+ }}
+ >
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ دی منو
+
+
+ منو رستوران
+
+
+ { }}
+ />
+
+
+
+
+
+
+
+
+
+ دی منو
+
+
+ منو رستوران
+
+
+ { }}
+ />
+
+
+
+
+
+
+
+
+
+
+ دی منو
+
+
+ منو رستوران
+
+
+ { }}
+ />
+
+
+
+ )
+}
+
+export default DanakLearning
\ No newline at end of file
diff --git a/src/pages/home/components/ItemDashboard.tsx b/src/pages/home/components/ItemDashboard.tsx
new file mode 100644
index 0000000..dd2f811
--- /dev/null
+++ b/src/pages/home/components/ItemDashboard.tsx
@@ -0,0 +1,37 @@
+import { FC, ReactNode } from 'react'
+import { Link } from 'react-router-dom'
+
+type Props = {
+ title: string
+ icon: ReactNode,
+ color: string,
+ count: number,
+ description: string,
+ to?: string
+}
+
+const ItemDashboard: FC
+
+
+
+ {t('home.danak_learning')}
+
+
+
+ {t('home.see_all')}
+
+
+
+
+
+ 
+
+
+
+
+
+ لورم ایپسوم متن ساختگی با تولید سادگی
+
+
+
+ دیزاین ,
+ ۲۴ دقیقه
+
+ آذر ماه 1403
+
+
+ {props.icon}
+
+
+ {props.title}
+
+
+
+
+
+
+ )
+}
+
+export default ItemDashboard
\ No newline at end of file
diff --git a/src/pages/home/hooks/useHomeData.ts b/src/pages/home/hooks/useHomeData.ts
new file mode 100644
index 0000000..3e3f463
--- /dev/null
+++ b/src/pages/home/hooks/useHomeData.ts
@@ -0,0 +1,9 @@
+import { useQuery } from "@tanstack/react-query";
+import * as api from "../service/HomeService";
+
+export const useWorkspaces = () => {
+ return useQuery({
+ queryKey: ["workspaces"],
+ queryFn: api.getWorkspaces,
+ });
+};
diff --git a/src/pages/home/service/HomeService.ts b/src/pages/home/service/HomeService.ts
new file mode 100644
index 0000000..5a94ff0
--- /dev/null
+++ b/src/pages/home/service/HomeService.ts
@@ -0,0 +1,8 @@
+import danakAxios from "../../../config/axiosDanak";
+
+export const getWorkspaces = async () => {
+ const { data } = await danakAxios.get(
+ `/subscriptions/workspaces/${import.meta.env.VITE_SERVICE_ID}`
+ );
+ return data;
+};
diff --git a/src/pages/home/types/HomeTypes.ts b/src/pages/home/types/HomeTypes.ts
new file mode 100644
index 0000000..d3aea94
--- /dev/null
+++ b/src/pages/home/types/HomeTypes.ts
@@ -0,0 +1,48 @@
+import { UserItemType } from "../../users/types/UserTypes";
+
+export type workspaceItem = {
+ id: string;
+ createdAt: string;
+ updatedAt: string;
+ plan: {
+ id: string;
+ createdAt: string;
+ updatedAt: string;
+ name: string;
+ duration: number;
+ price: number;
+ originalPrice: number;
+ isActive: boolean;
+ service: {
+ id: string;
+ createdAt: string;
+ updatedAt: string;
+ name: string;
+ title: string;
+ slug: string;
+ isDanakSuggest: boolean;
+ description: string;
+ author: string;
+ createDate: string;
+ userCount: number;
+ serviceLanguage: string;
+ softwareLanguage: string;
+ metaDescription: string;
+ isActive: boolean;
+ showInSlider: boolean;
+ link: string;
+ icon: string;
+ coverUrl: string;
+ deletedAt: string | null;
+ };
+ deletedAt: string | null;
+ };
+ startDate: string;
+ endDate: string;
+ businessName: string;
+ businessPhone: string;
+ description: string;
+ slug: string;
+ status: string;
+ staff: UserItemType[];
+};
diff --git a/src/pages/setting/Setting.tsx b/src/pages/setting/Setting.tsx
index 35c7a10..1a7694b 100644
--- a/src/pages/setting/Setting.tsx
+++ b/src/pages/setting/Setting.tsx
@@ -12,7 +12,7 @@ import Signture from './signture/Signture'
const Setting: FC = () => {
const { t } = useTranslation()
- const [activeTab, setActiveTab] = useState
+
+ {props.count}
+
+ {props.description}
+
+
+
+ )
+ case 'PENDING':
+ return (
+
+
+ )
+ case 'FAILED':
+ return (
+
+
+ )
+ default:
+ return null
+ }
+ }
+
+ const copyToClipboard = (text: string, fieldKey: string) => {
+ navigator.clipboard.writeText(text).then(() => {
+ setCopiedField(fieldKey)
+ setTimeout(() => {
+ setCopiedField(null)
+ }, 2000)
+ })
+ }
const columns = [
{
- title: 'شماره',
- key: 'number',
- width: '80px',
+ title: t('domain.table.record_type'),
+ key: 'type',
+ width: '100px',
align: 'center' as const,
},
{
- title: 'مقدار رکورد',
- key: 'value',
- render: (record: DNSRecord) => (
-
-
- {record.value}
-
- )
- },
- {
- title: 'نام رکورد',
+ title: t('domain.table.record_name'),
key: 'name',
- render: (record: DNSRecord) => (
-
-
- {record.name}
-
+ render: (record: DnsRecordType) => {
+ const fieldKey = `name-${record.id}`
+ const isCopied = copiedField === fieldKey
+
+ return (
+
+
+ {record.name}
+
+ )
+ }
+ },
+ {
+ title: t('domain.table.record_value'),
+ key: 'value',
+ render: (record: DnsRecordType) => {
+ const fieldKey = `value-${record.id}`
+ const isCopied = copiedField === fieldKey
+
+ return (
+
+
+ {record.value}
+
+ )
+ }
+ },
+ {
+ title: t('domain.table.priority'),
+ key: 'priority',
+ width: '80px',
+ align: 'center' as const,
+ render: (record: DnsRecordType) => (
+ {record.priority || '-'}
)
},
{
- title: 'نوع رکورد',
- key: 'type',
+ title: t('domain.table.ttl'),
+ key: 'ttl',
+ width: '80px',
+ align: 'center' as const,
+ render: (record: DnsRecordType) => (
+ {record.ttl}
+ )
},
{
- title: 'وضعیت',
+ title: t('domain.table.status'),
key: 'status',
- render: (record: DNSRecord) => (
-
- {record.status === 'verified' && (
- <>
-
- )
+ render: (record: DnsRecordType) => getStatusIcon(record.status)
},
]
+ const dnsRecords = data?.data?.dnsRecords || []
+
return (
-
-
-
)
}
diff --git a/src/pages/setting/domain/components/CreateDomain.tsx b/src/pages/setting/domain/components/CreateDomain.tsx
new file mode 100644
index 0000000..1721bd9
--- /dev/null
+++ b/src/pages/setting/domain/components/CreateDomain.tsx
@@ -0,0 +1,76 @@
+import Button from '@/components/Button'
+import Input from '@/components/Input'
+import { toast } from '@/components/Toast'
+import { FC, useEffect, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useCreateDomain, useGetDomains } from '../hooks/useDomainData'
+import { ErrorType } from '@/helpers/types'
+
+const CreateDomain: FC = () => {
+
+ const { t } = useTranslation()
+ const { mutate: createDomain, isPending } = useCreateDomain()
+ const { data: domains } = useGetDomains()
+ const [domain, setDomain] = useState('')
+ const [isVerified, setIsVerified] = useState
-
-
+
-
-
-
- {t('setting.record_dns')}
-
- - {t('setting.record_dns_description')} -
-
-
-
-
-
-
+
+ )
+}
+
+export default CreateDomain
\ No newline at end of file
diff --git a/src/pages/setting/domain/hooks/useDomainData.ts b/src/pages/setting/domain/hooks/useDomainData.ts
new file mode 100644
index 0000000..f807910
--- /dev/null
+++ b/src/pages/setting/domain/hooks/useDomainData.ts
@@ -0,0 +1,32 @@
+import { useMutation, useQuery } from "@tanstack/react-query";
+import { CreateDomainType } from "../types/Types";
+import * as api from "../service/DomainService";
+
+export const useCreateDomain = () => {
+ return useMutation({
+ mutationFn: (variables: CreateDomainType) => api.createDomain(variables),
+ });
+};
+
+export const useGetDomains = () => {
+ return useQuery({
+ queryKey: ["domains"],
+ queryFn: () => api.getDomains(),
+ });
+};
+
+export const useGetDnsRecords = (disabled?: boolean) => {
+ return useQuery({
+ queryKey: ["dns-records"],
+ queryFn: () => api.getDnsRecords(),
+ refetchInterval: 3000,
+ enabled: !disabled,
+ });
+};
+
+export const useVerifyDnsRecord = () => {
+ return useQuery({
+ queryKey: ["verify-dns-record"],
+ queryFn: () => api.verifyDnsRecord(),
+ });
+};
diff --git a/src/pages/setting/domain/service/DomainService.ts b/src/pages/setting/domain/service/DomainService.ts
new file mode 100644
index 0000000..990f073
--- /dev/null
+++ b/src/pages/setting/domain/service/DomainService.ts
@@ -0,0 +1,22 @@
+import axios from "@/config/axios";
+import { CreateDomainType } from "../types/Types";
+
+export const createDomain = async (params: CreateDomainType) => {
+ const { data } = await axios.post(`/domains`, params);
+ return data;
+};
+
+export const getDomains = async () => {
+ const { data } = await axios.get(`/domains`);
+ return data;
+};
+
+export const getDnsRecords = async () => {
+ const { data } = await axios.get(`/domains/dns-records`);
+ return data;
+};
+
+export const verifyDnsRecord = async () => {
+ const { data } = await axios.get(`/domains/verify-dns`);
+ return data;
+};
diff --git a/src/pages/setting/domain/types/Types.ts b/src/pages/setting/domain/types/Types.ts
new file mode 100644
index 0000000..33ed777
--- /dev/null
+++ b/src/pages/setting/domain/types/Types.ts
@@ -0,0 +1,33 @@
+import { IResponse } from "@/types/response.types";
+
+export type CreateDomainType = {
+ name: string;
+ notes?: string;
+};
+
+export type DnsRecordType = {
+ id: string;
+ createdAt: string;
+ updatedAt: string;
+ deletedAt: string | null;
+ wildduckId: string | null;
+ name: string;
+ type: "MX" | "SPF" | "DMARC" | "DKIM" | "TXT" | "A" | "AAAA" | "CNAME";
+ value: string;
+ ttl: number;
+ priority: number | null;
+ status: "PENDING" | "VERIFIED" | "FAILED";
+ isRequired: boolean;
+ isActive: boolean;
+ lastVerifiedAt: string | null;
+ lastCheckedAt: string | null;
+ description: string;
+ errorMessage: string | null;
+ verificationAttempts: number;
+ nextVerificationAt: string | null;
+ domain: string;
+};
+
+export type DnsRecordResponseType = IResponse<{
+ dnsRecords: DnsRecordType[];
+}>;
diff --git a/src/router/AppRouter.tsx b/src/router/AppRouter.tsx
index 77c46da..05409d3 100644
--- a/src/router/AppRouter.tsx
+++ b/src/router/AppRouter.tsx
@@ -8,10 +8,11 @@ import DraftList from '@/pages/draft/List'
import ArchiveList from '@/pages/archive/List'
import TrashList from '@/pages/Trash/List'
import DetailEmail from '@/pages/received/Detail'
+import Home from '@/pages/home/Home'
const AppRouter: FC = () => {
return (
+
+
+
+ {t('setting.record_dns')}
+
+ + {t('setting.record_dns_description')} +
+
+ setDomain(e.target.value)}
+ readOnly={isVerified}
+ />
+
+ {
+ !isVerified &&
+
+ }
+
+