50 | {`${record.address}, (${record.city}, ${record.state})`}{" "}
51 |
52 |
53 | ),
54 | },
55 | {
56 | title: 'Price',
57 | dataIndex: 'price',
58 | key: 'price',
59 | render: (_, record) => {record.price} MMK
60 | },
61 | {
62 | title: "Notes",
63 | dataIndex: "notes",
64 | key: "notes",
65 | render: (notes: string | null) => notes || "No Notes",
66 | },
67 | ];
68 |
69 | const App: React.FC = () => {
70 | const [page, setPage] = useState({ pageNumber: 1, pageSize: 10 });
71 |
72 | const { isFetching, data } = useGetAppoitmentByAdminQuery(page)
73 |
74 | const pageSetting = data?.data?.pageSetting;
75 | const appoitmentData = data?.data?.appointmentDetails ?? [];
76 |
77 | const handlePagination = (page: number, pageSize: number) => {
78 | setPage({ pageNumber: page, pageSize: pageSize });
79 | };
80 |
81 | return (
82 | 52 |
Approved By
57 |
58 | {properties.property.approvedby}
59 |
60 |
61 |
63 | Added Date & Edited Date
64 |
65 |
66 | {`${dayjs(properties.property.addDate).format(
67 | "YYYY-MM-DD HH:mm A"
68 | )}, ${dayjs(properties.property.editDate).format(
69 | "YYYY-MM-DD HH:mm A"
70 | )}`}
71 |
72 |
73 | Description
75 |
76 | {properties.property.description}
77 |
78 |
79 | User Name
91 | Testing username
92 |
93 | Rating
95 |
96 | {review.rating ? `${review.rating} ⭐` : "N/A"}
97 |
98 |
99 | Comments
101 |
102 | {review.comments || "No comments"}
103 |
104 |
105 |
38 | {`${record.property.address}, (${record.property.city}, ${record.property.state})`}{" "}
39 |
40 |
41 | ),
42 | },
43 | {
44 | title: "Type",
45 | dataIndex: "property_type",
46 | key: "property_type",
47 | render: (_, record) => (
48 | 40 |
49 | {record.property.propertyType}
50 |
51 | {record.property.availiablityType}
52 |
53 |
54 | ),
55 | align: "center",
56 | },
57 | {
58 | title: 'Price',
59 | dataIndex: 'price',
60 | key: 'price',
61 | render: (_, record) => {record.property.price} MMK
62 | },
63 | {
64 | title: "Features",
65 | dataIndex: "features",
66 | key: "features",
67 | render: (_, record) => (
68 | 50 |
69 | {`${record.property.size} sq ft, ${record.property.numberOfBedrooms} bed, ${record.property.numberOfBathrooms} bath`}{" "}
70 |
71 | {`Built in ${record.property.yearBuilt}`} 72 |
73 | ),
74 | },
75 | {
76 | title: "Minimum Rental Period",
77 | dataIndex: "minrentalPeriod",
78 | key: "minrentalPeriod",
79 | render: (_, record) => (
80 |
81 | {record.property.minrentalPeriod}{" "}
82 | {record.property.minrentalPeriod > 1 ? "Months" : "Month"}{" "}
83 |
84 | ),
85 | width: 150,
86 | },
87 | {
88 | title: "Status",
89 | key: "status",
90 | dataIndex: "status",
91 | render: (_, record) => renderStatus(record.property.status),
92 | },
93 | {
94 | title: "Action",
95 | dataIndex: "action",
96 | key: "action",
97 | render: (_, record) => (
98 |
99 | 71 | {`Built in ${record.property.yearBuilt}`} 72 |
41 | {`${record.client?.firstName}${record.client.lastName}`}
42 | {record.client.phone} 43 |
44 | )
45 | },
46 | {
47 | title: 'Transaction Date',
48 | dataIndex: 'transactionDate',
49 | key: 'date',
50 | render: (transactionDate: Date) => dayjs(transactionDate).format('YYYY-MM-DD HH:mm A')
51 | },
52 | {
53 | title: 'Sale Price',
54 | dataIndex: 'salePrice',
55 | key: 'sale',
56 | align: 'center',
57 | render: (_, record) => (
58 | {record.transaction.salePrice}
59 | )
60 | },
61 | {
62 | title: 'Property Price',
63 | dataIndex: 'propertyPrice',
64 | key: 'propertyPrice',
65 | align: 'center',
66 | render: (_, record) => (
67 | {record.property.price}
68 | )
69 | },
70 | {
71 | title: 'Commission',
72 | dataIndex: 'commission',
73 | key: 'commission',
74 | align: 'center',
75 | render: (_, record) => (
76 | {record.transaction.commission}
77 | )
78 | },
79 | {
80 | title: 'Status',
81 | key: 'status',
82 | dataIndex: 'status',
83 | render: (_, record) => renderStatus(record.transaction.status)
84 | }
85 | ];
86 |
87 | const TransactionList: React.FC = () => {
88 | const [page, setPage] = useState({ pageNumber: 1, pageSize: 10 });
89 |
90 | const { isFetching, data } = useGetAllTransactionsQuery42 | {record.client.phone} 43 |