admin/marco.pms.web
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

replaced standard input with custom InputSuggestions component for organization field

Browse Source
This commit is contained in:
Pramod Mahajan 2025-05-27 15:04:55 +05:30
parent 1b399c1ebf
commit 330ac0ff62
1 changed files with 12 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/Directory/ManageDirectory.jsx
View File

@ -14,10 +14,11 @@ import useMaster, {
} from "../../hooks/masterHook/useMaster"; } from "../../hooks/masterHook/useMaster";
import { useDispatch, useSelector } from "react-redux"; import { useDispatch, useSelector } from "react-redux";
import { changeMaster } from "../../slices/localVariablesSlice"; import { changeMaster } from "../../slices/localVariablesSlice";
import { useBuckets } from "../../hooks/useDirectory"; import { useBuckets, useOrganization } from "../../hooks/useDirectory";
import { useProjects } from "../../hooks/useProjects"; import { useProjects } from "../../hooks/useProjects";
import SelectMultiple from "../common/SelectMultiple"; import SelectMultiple from "../common/SelectMultiple";
import {ContactSchema} from "./DirectorySchema"; import {ContactSchema} from "./DirectorySchema";
import InputSuggestions from "../common/InputSuggestion";
@ -25,13 +26,15 @@ const ManageDirectory = ({ submitContact, onCLosed }) => {
const selectedMaster = useSelector( const selectedMaster = useSelector(
(store) => store.localVariables.selectedMaster (store) => store.localVariables.selectedMaster
); );
const [categoryData, setCategoryData] = useState([]); const [ categoryData, setCategoryData ] = useState( [] );
const [TagsData, setTagsData] = useState([]); const [TagsData, setTagsData] = useState([]);
const { data, loading } = useMaster(); const { data, loading } = useMaster();
const { buckets, loading: bucketsLoaging } = useBuckets(); const { buckets, loading: bucketsLoaging } = useBuckets();
const { projects, loading: projectLoading } = useProjects(); const { projects, loading: projectLoading } = useProjects();
const { contactCategory, loading: contactCategoryLoading } = const { contactCategory, loading: contactCategoryLoading } =
useContactCategory(); useContactCategory();
const {organizationList,loading:orgLoading} = useOrganization()
const { contactTags, loading: Tagloading } = useContactTags(); const { contactTags, loading: Tagloading } = useContactTags();
const [IsSubmitting, setSubmitting] = useState(false); const [IsSubmitting, setSubmitting] = useState(false);
const dispatch = useDispatch(); const dispatch = useDispatch();
@ -136,6 +139,7 @@ useEffect(() => {
setSubmitting(true); setSubmitting(true);
submitContact(cleaned, reset, setSubmitting); submitContact(cleaned, reset, setSubmitting);
}; };
const orgValue = watch("organization")
const handleClosed = () => { const handleClosed = () => {
onCLosed(); onCLosed();
@ -160,10 +164,12 @@ useEffect(() => {
<div className="col-md-6 text-start"> <div className="col-md-6 text-start">
<label className="form-label">Organization</label> <label className="form-label">Organization</label>
<input <InputSuggestions
className="form-control form-control-sm" organizationList={organizationList}
{...register("organization")} value={getValues("organization") || ""}
/> onChange={(val) => setValue("organization", val)}
error={errors.organization?.message}
/>
{errors.organization && ( {errors.organization && (
<small className="danger-text"> <small className="danger-text">
{errors.organization.message} {errors.organization.message}