1.1.32 • Published 6 days ago
smartech-support v1.1.32
How To Install
Helpical React Components.
Include these components:
- Ticket List
- Ticket Create
- Ticket Reply
yarn add smartech-support
Hot To Use
1- Create a page in your app: (Tickets List)
Add MainTicket to this page:
import { MainTicket } from "smartech-support";
const Tickets = () => {
const nav = useNavigate();
const userEmail = '';
const currentDepartment = 'HELPICAL_DEPARTMENT_ID';
return (
<MainTicket
router={nav}
options={{
createRoute: "/tickets/create",
editRoute: "/tickets/",
userEmail: userEmail,
currentDepartment: currentDepartment,
}}
/>
);
};
export default Tickets;
2- Create a page for add ticket: add TicketCreate component like this:
import { useNavigate } from "react-router-dom";
import { TicketCreate } from "smartech-support";
import MainContainer from "@/components/container/MainContainer";
import { HELPICAL_DEPARTMENT_ID } from "@/utils/constants/configConstants";
import { useAccount } from "@/utils/hooks/useAuth";
const Ticket = () => {
const nav = useNavigate();
const { userDetail } = useAccount();
const userEmail = userDetail?.email;
const currentDepartment = HELPICAL_DEPARTMENT_ID;
const userProfile = {
email: userEmail,
firstName: userDetail?.first_name,
lastName: userDetail?.last_name,
id: userDetail?.mobile,
};
return (
<div>
<MainContainer>
<TicketCreate
router={nav}
options={{
routeList: "/tickets",
userProfile: userProfile,
currentDepartment: currentDepartment,
}}
/>
</MainContainer>
</div>
);
};
export default Ticket;
3- Create Reply page in your app:
import { useMatch, useNavigate } from "react-router-dom";
import { TicketReply as TicketReplyMain } from "smartech-support";
import MainContainer from "@/components/container/MainContainer";
import { HELPICAL_DEPARTMENT_ID } from "@/utils/constants/configConstants";
import { useAccount } from "@/utils/hooks/useAuth";
const TicketReply = () => {
const { userDetail } = useAccount();
const nav = useNavigate();
const replyId = useMatch("/tickets/:id")?.params?.id;
const selectedTicket = replyId;
const currentDepartment = HELPICAL_DEPARTMENT_ID;
const userProfile = {
email: userDetail?.email,
firstName: userDetail?.first_name,
lastName: userDetail?.last_name,
id: userDetail?.mobile,
};
return (
<div>
<MainContainer>
<TicketReplyMain
router={nav}
selectedTicket={selectedTicket}
options={{
currentDepartment: currentDepartment,
userProfile: userProfile,
}}
/>
</MainContainer>
</div>
);
};
export default TicketReply;
1.1.30
7 days ago
1.1.32
6 days ago
1.1.31
7 days ago
1.1.29
11 days ago
1.1.28
11 days ago
1.1.27
12 days ago
1.1.26
12 days ago
1.1.23
13 days ago
1.1.22
13 days ago
1.1.24
13 days ago
1.1.19
14 days ago
1.1.21
14 days ago
1.1.20
14 days ago
1.1.17
15 days ago
1.1.16
15 days ago
1.1.15
15 days ago
1.1.14
15 days ago
1.1.13
15 days ago
1.1.12
15 days ago
1.1.11
15 days ago
1.1.1
15 days ago
1.0.999
15 days ago
1.0.998
15 days ago
1.0.997
15 days ago
1.0.996
15 days ago
1.0.995
15 days ago
1.0.994
15 days ago
1.0.992
15 days ago
1.0.991
15 days ago
1.0.99
15 days ago
1.0.98
15 days ago
1.0.97
15 days ago
1.0.96
15 days ago
1.0.95
15 days ago
1.0.94
15 days ago
1.0.93
15 days ago
1.0.92
15 days ago
1.0.91
15 days ago
1.0.9
15 days ago
1.0.8
15 days ago
1.0.7
15 days ago
1.0.6
15 days ago
1.0.5
15 days ago
1.0.4
15 days ago
1.0.3
15 days ago
1.0.2
15 days ago
1.0.1
15 days ago