imported components
This commit is contained in:
@@ -3,6 +3,7 @@ import TopHeader from "@/app/components/topHeader/TopHeader";
|
||||
import globalStyle from "../../globalStyle.module.css";
|
||||
import addRoleStyle from "./styles.module.css";
|
||||
import TextField from "@/app/components/fields/textfield";
|
||||
import Permissions from "@/app/components/permissions/Permissions";
|
||||
|
||||
const page = () => {
|
||||
return (
|
||||
@@ -16,7 +17,7 @@ const page = () => {
|
||||
state="add"
|
||||
requiredButtons={["title", "save"]}
|
||||
/>
|
||||
<div className={addRoleStyle.addUserContainer}>
|
||||
<div className={addRoleStyle.addRoleContainer}>
|
||||
{/* Input fields Container */}
|
||||
<div className={addRoleStyle.inputFieldContainer}>
|
||||
{/* User Details */}
|
||||
@@ -59,46 +60,7 @@ const page = () => {
|
||||
</div>
|
||||
|
||||
{/* Permissions */}
|
||||
<div className={addRoleStyle.rolePermissions}>
|
||||
{/* Add permissions */}
|
||||
<div className={addRoleStyle.permissionsContainer}>
|
||||
{/* Header */}
|
||||
<div className={addRoleStyle.permissionsHeader}>
|
||||
<p>Permissions</p>
|
||||
<div className={addRoleStyle.svgContainer}>
|
||||
<div>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width={24}
|
||||
height={24}
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
>
|
||||
<path
|
||||
d="M12 5.29199V18.7087"
|
||||
stroke="#333649"
|
||||
strokeWidth={2}
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M5.29102 12H18.7077"
|
||||
stroke="#333649"
|
||||
strokeWidth={2}
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* State text (static) */}
|
||||
<div className={addRoleStyle.permissionDefaultState}>
|
||||
<p>No permission added yet</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<Permissions />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user