Refactor_Directory And Project Level Permsssion #404
@ -15,6 +15,7 @@ import ConfirmModal from "../common/ConfirmModal";
|
|||||||
import { useHasUserPermission } from "../../hooks/useHasUserPermission";
|
import { useHasUserPermission } from "../../hooks/useHasUserPermission";
|
||||||
import { DIRECTORY_ADMIN, DIRECTORY_MANAGER } from "../../utils/constants";
|
import { DIRECTORY_ADMIN, DIRECTORY_MANAGER } from "../../utils/constants";
|
||||||
import { useProfile } from "../../hooks/useProfile";
|
import { useProfile } from "../../hooks/useProfile";
|
||||||
|
import Label from "../common/Label";
|
||||||
|
|
||||||
const ManageBucket = () => {
|
const ManageBucket = () => {
|
||||||
const { profile } = useProfile();
|
const { profile } = useProfile();
|
||||||
@ -210,12 +211,12 @@ const ManageBucket = () => {
|
|||||||
|
|
||||||
<div className="container m-0 p-0" style={{ minHeight: "00px" }}>
|
<div className="container m-0 p-0" style={{ minHeight: "00px" }}>
|
||||||
<div className="d-flex justify-content-center">
|
<div className="d-flex justify-content-center">
|
||||||
<p className="fs-6 fw-semibold m-0">Manage Buckets</p>
|
<p className="fs-5 fw-semibold m-0">Manage Buckets</p>
|
||||||
</div>
|
</div>
|
||||||
<div className="d-flex justify-content-between px-2 px-sm-0 mt-5 mt-3 align-items-center ">
|
<div className="d-flex justify-content-between px-2 px-sm-0 mt-5 mt-3 align-items-center ">
|
||||||
{action_bucket ? (
|
{action_bucket ? (
|
||||||
<i
|
<i
|
||||||
className={`fa-solid fa-arrow-left fs-5 cursor-pointer`}
|
className={`fa-solid fa-arrow-left fs-5 cursor-pointer mb-5`}
|
||||||
onClick={handleBack}
|
onClick={handleBack}
|
||||||
></i>
|
></i>
|
||||||
) : (
|
) : (
|
||||||
@ -344,10 +345,10 @@ const ManageBucket = () => {
|
|||||||
) : (
|
) : (
|
||||||
<>
|
<>
|
||||||
<form onSubmit={handleSubmit(onSubmit)} className="px-2 px-sm-0">
|
<form onSubmit={handleSubmit(onSubmit)} className="px-2 px-sm-0">
|
||||||
<div className="mb-3">
|
<div className="mb-3 text-start">
|
||||||
<label htmlFor="bucketName" className="form-label">
|
<Label htmlFor="bucketName" className="form-label" required>
|
||||||
Bucket Name
|
Bucket Name
|
||||||
</label>
|
</Label>
|
||||||
<input
|
<input
|
||||||
id="bucketName"
|
id="bucketName"
|
||||||
className="form-control form-control-sm"
|
className="form-control form-control-sm"
|
||||||
@ -357,10 +358,10 @@ const ManageBucket = () => {
|
|||||||
<small className="danger-text">{errors.name.message}</small>
|
<small className="danger-text">{errors.name.message}</small>
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
<div className="mb-3">
|
<div className="mb-3 text-start">
|
||||||
<label htmlFor="bucketDescription" className="form-label">
|
<Label htmlFor="bucketDescription" className="form-label" required>
|
||||||
Bucket Description
|
Bucket Description
|
||||||
</label>
|
</Label>
|
||||||
<textarea
|
<textarea
|
||||||
id="bucketDescription"
|
id="bucketDescription"
|
||||||
className="form-control form-control-sm"
|
className="form-control form-control-sm"
|
||||||
@ -382,11 +383,11 @@ const ManageBucket = () => {
|
|||||||
/>
|
/>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
<div className="mt-4 d-flex justify-content-center gap-3">
|
<div className="mt-4 d-flex justify-content-end gap-3">
|
||||||
<button
|
<button
|
||||||
type="button"
|
type="button"
|
||||||
onClick={handleBack}
|
onClick={handleBack}
|
||||||
className="btn btn-sm btn-secondary"
|
className="btn btn-sm btn-label-secondary"
|
||||||
disabled={isSubmitting}
|
disabled={isSubmitting}
|
||||||
>
|
>
|
||||||
Cancel
|
Cancel
|
||||||
|
@ -474,7 +474,7 @@ const ManageDirectory = ({ submitContact, onCLosed }) => {
|
|||||||
|
|
||||||
<div className="d-flex justify-content-end gap-2 py-2 mt-3">
|
<div className="d-flex justify-content-end gap-2 py-2 mt-3">
|
||||||
<button
|
<button
|
||||||
className="btn btn-sm btn-secondary"
|
className="btn btn-sm btn-label-secondary"
|
||||||
type="button"
|
type="button"
|
||||||
onClick={handleClosed}
|
onClick={handleClosed}
|
||||||
>
|
>
|
||||||
|
@ -63,6 +63,7 @@
|
|||||||
border: none;
|
border: none;
|
||||||
outline: none;
|
outline: none;
|
||||||
background-color: #f8f9fa;
|
background-color: #f8f9fa;
|
||||||
|
color: black;
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
|
@ -65,9 +65,9 @@ const handleChange = (e) => {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<Label htmlFor={name} className="form-label" required>
|
<label htmlFor={name} className="form-label">
|
||||||
{label}
|
{label}
|
||||||
</Label>
|
</label>
|
||||||
|
|
||||||
<div
|
<div
|
||||||
className="form-control form-control-sm p-1"
|
className="form-control form-control-sm p-1"
|
||||||
|
Loading…
x
Reference in New Issue
Block a user