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

updated - add org. ui

Browse Source
This commit is contained in:
pramod.mahajan 2025-10-24 16:01:35 +05:30
parent d130ede851
commit 1372f9870a
1 changed files with 33 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
src/components/Organization/OrgPickerFromSPId.jsx
View File

@ -12,13 +12,12 @@ import { spridSchema } from "./OrganizationSchema";
import { OrgCardSkeleton } from "./OrganizationSkeleton";
import { useQueryClient } from "@tanstack/react-query";
// Zod schema: only allow exactly 4 digits
const OrgPickerFromSPId = ({ title, placeholder }) => {
const { onClose, startStep, flowType, onOpen, prevStep,orgData } =
const { onClose, startStep, flowType, onOpen, prevStep, orgData } =
useOrganizationModal();
const clientQuery = useQueryClient()
const clientQuery = useQueryClient();
const {
register,
handleSubmit,
@ -39,31 +38,40 @@ const OrgPickerFromSPId = ({ title, placeholder }) => {
};
const handleCrateOrg = () => {
clientQuery.removeQueries({queryKey:["organization"]})
onOpen({ startStep: 4,orgData:null })
clientQuery.removeQueries({ queryKey: ["organization"] });
onOpen({ startStep: 4, orgData: null });
};
const SP = watch("spridSearchText");
return (
<div className="d-block">
<form
className="d-flex flex-row gap-6 text-start align-items-center"
onSubmit={handleSubmit(onSubmit)}
>
<div className="d-flex flex-row align-items-center gap-2">
<Label className="text-secondary">Search by SPRID</Label>
<div className="d-block mt-4">
<form onSubmit={handleSubmit(onSubmit)}>
<div className="row align-items-center g-2">
{/* Input Section */}
<div className="col-12 col-md-8 d-block d-md-flex align-items-center gap-2 m-0 text-start">
<Label className="text-nowrap mb-1 mb-md-0" required>
Search by SPRID
</Label>
<input
type="search"
{...register("spridSearchText")}
className="form-control form-control-sm w-auto"
className="form-control form-control-sm flex-grow-1"
placeholder="Enter SPRID"
maxLength={4}
/>
</div>
<button type="submit" className="btn btn-sm btn-primary">
{/* Button Section */}
<div className="col-12 col-md-4 text-md-start text-center mt-2 mt-md-0">
<button
type="submit"
className="btn btn-sm btn-primary w-100 w-md-auto"
>
<i className="bx bx-sm bx-search-alt-2"></i> Search
</button>
</div>
</div>
</form>
<div className="text-start danger-text">
{" "}
{errors.spridSearchText && (
@ -124,7 +132,7 @@ const OrgPickerFromSPId = ({ title, placeholder }) => {
No organization found for "{SPRID}"
</div>
) : null}
<div className="py-12 text-center text-tiny text-black">
<div className="py-2 text-center text-tiny text-black">
<small className="d-block text-secondary">
Do not have SPRID or could not find organization ?
</small>