66 lines
1.8 KiB
JavaScript
66 lines
1.8 KiB
JavaScript
import React, { useState,createContext } from "react";
|
|
import Breadcrumb from "../../components/common/Breadcrumb";
|
|
import TenantsList from "../../components/Tenanat/TenantsList";
|
|
import { useNavigate } from "react-router-dom";
|
|
|
|
|
|
export const TenantContext = createContext();
|
|
export const useTenantContext = () => {
|
|
const context = useContext(TenantContext);
|
|
if (!context) {
|
|
throw new Error("useTenantContext must be used within an TenantProvider");
|
|
}
|
|
return context;
|
|
};
|
|
const TenantPage = () => {
|
|
const [searchText, setSearchText] = useState("");
|
|
const navigate = useNavigate();
|
|
|
|
|
|
const contextValue = {
|
|
|
|
};
|
|
return (
|
|
<TenantContext.Provider value={contextValue}>
|
|
<div className="container-fluid">
|
|
<Breadcrumb
|
|
data={[
|
|
{ label: "Home", link: "/dashboard" },
|
|
{ label: "Tenant", link: null },
|
|
]}
|
|
/>
|
|
<div className="card d-flex p-3">
|
|
<div className="row align-items-center">
|
|
<div className="col-6 col-md-6 col-lg-3 mb-md-0">
|
|
<input
|
|
type="search"
|
|
className="form-control form-control-sm"
|
|
placeholder="Search..."
|
|
/>
|
|
</div>
|
|
|
|
<div className="col-6 col-md-6 col-lg-9 text-end">
|
|
<button
|
|
type="button"
|
|
data-bs-toggle="tooltip"
|
|
data-bs-offset="0,8"
|
|
data-bs-placement="top"
|
|
data-bs-custom-class="tooltip"
|
|
title="Add New Tenant"
|
|
className="p-1 bg-primary rounded-circle"
|
|
onClick={() => navigate("/tenants/new-tenant")}
|
|
>
|
|
<i className="bx bx-plus fs-4 text-white"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<TenantsList searchText ={searchText} />
|
|
</div>
|
|
</TenantContext.Provider>
|
|
);
|
|
};
|
|
|
|
export default TenantPage;
|