diff --git a/src/components/Authentication/VerifyEmail.tsx b/src/components/Authentication/VerifyEmail.tsx index 3b5c013a7..1353720a4 100644 --- a/src/components/Authentication/VerifyEmail.tsx +++ b/src/components/Authentication/VerifyEmail.tsx @@ -6,7 +6,7 @@ import type { AxiosResponse } from 'axios'; import { HiOutlineMail } from "react-icons/hi"; import { apiStatusCodes } from '../../config/CommonConstant'; -const VarifyEmail = () => { +const VerifyEmail = () => { const [loading, setLoading] = useState(true) const [message, setMessage] = useState('') const [error, setError] = useState(false) @@ -71,4 +71,4 @@ const VarifyEmail = () => { ) } -export default VarifyEmail \ No newline at end of file +export default VerifyEmail \ No newline at end of file diff --git a/src/components/organization/CreateOrgFormModal.tsx b/src/components/organization/CreateOrgFormModal.tsx index de902f579..3276643b1 100644 --- a/src/components/organization/CreateOrgFormModal.tsx +++ b/src/components/organization/CreateOrgFormModal.tsx @@ -4,7 +4,7 @@ import { Avatar, Button, Label, Modal } from 'flowbite-react'; import { Field, Form, Formik, FormikHelpers } from 'formik'; import { IMG_MAX_HEIGHT, IMG_MAX_WIDTH, apiStatusCodes, imageSizeAccepted } from '../../config/CommonConstant' import { calculateSize, dataURItoBlob } from "../../utils/CompressImage"; -import { useRef, useState } from "react"; +import { useRef, useState, useEffect } from "react"; import type { AxiosResponse } from 'axios'; import { asset } from '../../lib/data.js'; @@ -40,6 +40,17 @@ const CreateOrgFormModal = (props: { openModal: boolean; setOpenModal: (flag: bo const [imgError, setImgError] = useState('') + useEffect(()=>{ + setOrgData({ + name: '', + description: '', + }) + setLogoImage({ + logoFile: "", + imagePreviewUrl: "" + }) + },[props.openModal]) + const ProcessImg = (e: any): string | undefined => { @@ -141,7 +152,7 @@ const CreateOrgFormModal = (props: { openModal: boolean; setOpenModal: (flag: bo } return ( - { + { setLogoImage({ logoFile: "", imagePreviewUrl: "" diff --git a/src/components/organization/OrganizationsList.tsx b/src/components/organization/OrganizationsList.tsx index ba32866a7..304bdb69f 100644 --- a/src/components/organization/OrganizationsList.tsx +++ b/src/components/organization/OrganizationsList.tsx @@ -126,15 +126,11 @@ const OrganizationsList = () => { - { - props.openModal && - - } - {loading ?
{ + const [openModal, setOpenModal] = useState(false); + const [loading, setLoading] = useState(true) + const [message, setMessage] = useState('') + + + const [searchText, setSearchText] = useState(""); + const props = { openModal, setOpenModal }; + + + + //onCHnage of Search input text + const searchInputChange = (e: ChangeEvent) => { + setSearchText(e.target.value); + } + + + return ( +
+
+ + +

+ Users +

+
+
+
+
+ + +
+
+
+
+ ) +} + +export default Users; \ No newline at end of file diff --git a/src/pages/organizations/users.astro b/src/pages/organizations/users.astro new file mode 100644 index 000000000..b80b39677 --- /dev/null +++ b/src/pages/organizations/users.astro @@ -0,0 +1,8 @@ +--- +import LayoutSidebar from '../../app/LayoutSidebar.astro'; +import Users from '../../components/organization/Users'; +--- + + + + diff --git a/src/pages/verify-email-success.astro b/src/pages/verify-email-success.astro index a02615bfd..0219f429f 100644 --- a/src/pages/verify-email-success.astro +++ b/src/pages/verify-email-success.astro @@ -1,8 +1,8 @@ --- import LayoutStacked from '../app/LayoutStacked.astro'; -import VarifyEmail from '../components/Authentication/VerifyEmail'; +import VerifyEmail from '../components/Authentication/VerifyEmail'; --- - +