-
-
Notifications
You must be signed in to change notification settings - Fork 18
Expand file tree
/
Copy pathAdminPortal.tsx
More file actions
131 lines (123 loc) · 6.75 KB
/
AdminPortal.tsx
File metadata and controls
131 lines (123 loc) · 6.75 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
//import Welcome from "../../components/Welcome/Welcome.tsx";
import {Link} from "react-router-dom";
import pencilSVG from "../../assets/pencil.svg";
import uploadSVG from "../../assets/upload.svg";
import Layout_V2_Main from "../Layout/Layout_V2_Main";
import React from "react";
const AdminPortal = () => {
return (
<>
<Layout_V2_Main>
<div className="flex h-full w-full justify-center">
<div className="mt-10 flex flex-col w-3/4 md:w-2/3 max-w-3xl">
<div className="mb-8 items-center justify-center">
<div className="text-lg text-gray-500">
Let's take a look inside Balancer's brain. You can manage the
brain from this portal.
</div>
</div>
{/* <div className="mb-8 grid grid-cols-1 gap-4 md:grid-cols-2"> */}
<div className="mb-8 grid grid-cols-1 lg:grid-cols-2 gap-4 ">
<Link to={`/listoffiles`} className="w-full">
<AdminDashboardItemWrapper>
<div className="min-w-0">
<span className="text-md mb-0.5 block font-semibold">
Manage Files
</span>
<span className="text-textGray block text-sm truncate">
Manage the files stored in the Balancer's brain
</span>
</div>
<img
src={pencilSVG}
alt="Description of SVG"
className="mr-2 h-5 w-5"
></img>
</AdminDashboardItemWrapper>
</Link>
<Link to={`/UploadFile`} className="w-full">
<AdminDashboardItemWrapper>
<div className="min-w-0">
<span className="text-md mb-0.5 block font-semibold">
Upload PDF
</span>
<span className="text-textGray block text-sm truncate">
Add to Balancer's brain
</span>
</div>
<img
src={uploadSVG}
alt="Description of SVG"
className="mr-2 h-5 w-5"
></img>
</AdminDashboardItemWrapper>
</Link>
<Link to={`/drugSummary`} className="w-full">
<AdminDashboardItemWrapper>
<div className="min-w-0">
<span className="text-md mb-0.5 block font-semibold">
Ask General Questions
</span>
<span className="text-textGray block text-sm truncate">
Get answers from Balancer's brain
</span>
</div>
<img
src={uploadSVG}
alt="Description of SVG"
className="mr-2 h-5 w-5"
></img>
</AdminDashboardItemWrapper>
</Link>
<Link to={`/rulesmanager`} className="w-full">
<AdminDashboardItemWrapper>
<div className="min-w-0">
<span className="text-md mb-0.5 block font-semibold">
Rules Manager
</span>
<span
className="text-textGray block text-sm truncate">
Manage and view the rules for the Medication Suggester
</span>
</div>
<img
src={uploadSVG}
alt="Description of SVG"
className="mr-2 h-5 w-5"
></img>
</AdminDashboardItemWrapper>
</Link>
<Link to={`/ManageMeds`} className="w-full">
<AdminDashboardItemWrapper>
<div className="min-w-0">
<span className="text-md mb-0.5 block font-semibold">
Medications Database
</span>
<span className="text-textGray block text-sm truncate ">
Manage the Medications store currently inside Balancer's
brain
</span>
</div>
<img
src={uploadSVG}
alt="Description of SVG"
className="mr-2 h-5 w-5"
></img>
</AdminDashboardItemWrapper>
</Link>
</div>
</div>
</div>
</Layout_V2_Main>
</>
);
};
export default AdminPortal;
const AdminDashboardItemWrapper = ({children}: { children: React.ReactNode }) => {
return (
<div
className="flex-basis-0 transition-border border-border3 shadow-feint flex h-[5.75rem] flex-grow cursor-pointer flex-row items-start justify-between rounded-xl border p-4 px-4 duration-150 ease-in hover:scale-[1.015] hover:bg-gray-100 max-w-[26rem]">
{children}
</div>
)
}