diff --git a/.github/workflows/deploy-qa.yml b/.github/workflows/deploy-qa.yml index a9ca4a4d7..3e4be1a81 100644 --- a/.github/workflows/deploy-qa.yml +++ b/.github/workflows/deploy-qa.yml @@ -52,15 +52,15 @@ jobs: echo "PUBLIC_POLYGON_TESTNET_URL=https://rpc-amoy.polygon.technology" >> .env - echo "PUBLIC_ECOSYSTEM_FRONT_END_URL=https://qa-ecosystem.credebl.id" >> .env + echo "PUBLIC_ECOSYSTEM_FRONT_END_URL=https://qa-ecosystem.sovio.id" >> .env - echo "PUBLIC_CREDEBL_FRONT_END_URL=https://qa.credebl.id" >> .env + echo "PUBLIC_CREDEBL_FRONT_END_URL=https://qa.sovio.id" >> .env echo "PUBLIC_ECOSYSTEM_BASE_URL=${{ secrets.QA_PUBLIC_ECOSYSTEM_BASE_URL }}" >> .env echo "PUBLIC_PLATFORM_DISCORD_URL=https://discord.gg/w4hnQT7NJG" >> .env - echo "PUBLIC_REDIRECTION_TARGET_URL=https://social-share.credebl.id" >> .env + echo "PUBLIC_REDIRECTION_TARGET_URL=https://social-share.sovio.id" >> .env echo "PUBLIC_CRYPTO_PRIVATE_KEY=${{ secrets.QA_PUBLIC_CRYPTO_PRIVATE_KEY }}" >> .env @@ -68,7 +68,7 @@ jobs: echo "PUBLIC_KEYCLOAK_MANAGEMENT_CLIENT_SECRET=${{ secrets.QA_PUBLIC_KEYCLOAK_MANAGEMENT_CLIENT_SECRET }}" >> .env - echo "PUBLIC_REDIRECT_FROM_URL=https://qa.credebl.id" >> .env + echo "PUBLIC_REDIRECT_FROM_URL=https://qa.sovio.id" >> .env - name: Build step run: npm install && npm run build # 📝 Update the build command(s) diff --git a/src/commonComponents/datatable/SortDataTable.tsx b/src/commonComponents/datatable/SortDataTable.tsx index 88cafe21d..9144493b3 100644 --- a/src/commonComponents/datatable/SortDataTable.tsx +++ b/src/commonComponents/datatable/SortDataTable.tsx @@ -8,6 +8,7 @@ import { EmptyListMessage } from '../../components/EmptyListComponent'; const SortDataTable: React.FC = ({ header, + searchValue, displaySelect, data, loading, @@ -91,7 +92,7 @@ const SortDataTable: React.FC = ({ {isSearch && ( - + )} diff --git a/src/commonComponents/datatable/interface.ts b/src/commonComponents/datatable/interface.ts index 7cd5870e6..4f7390c03 100644 --- a/src/commonComponents/datatable/interface.ts +++ b/src/commonComponents/datatable/interface.ts @@ -20,6 +20,7 @@ export interface Data { export interface IDataTable { header: TableHeader[]; + searchValue?: string; data: ITableData[]; loading: boolean; onInputChange: (e: ChangeEvent) => void; diff --git a/src/components/ConnectionsList/index.tsx b/src/components/ConnectionsList/index.tsx index dc6505e5d..de1fbb91e 100644 --- a/src/components/ConnectionsList/index.tsx +++ b/src/components/ConnectionsList/index.tsx @@ -37,6 +37,7 @@ const ConnectionList = () => { nextPage: '', lastPage: '', }); + const [searchText, setSearchText] = useState(""); const getConnections = async (apiParameter: IConnectionListAPIParameter) => { const orgId = await getFromLocalStorage(storageKeys.ORG_ID); @@ -105,6 +106,7 @@ const ConnectionList = () => { //onChange of Search input text const searchInputChange = (e: ChangeEvent) => { + setSearchText(e.target.value) setListAPIParameter({ ...listAPIParameter, search: e.target.value, @@ -150,6 +152,7 @@ const ConnectionList = () => { )} ([]); const [connectionList, setConnectionList] = useState([]); const [localOrgs, setLocalOrgs] = useState([]); - + const [searchText, setSearchText] = useState(""); const [loading, setLoading] = useState(false); const [totalItem, setTotalItem] = useState(0); const [error, setError] = useState(null); @@ -188,6 +188,7 @@ const ConnectionList = (props: { //onChange of Search input text const searchInputChange = (e: ChangeEvent) => { + setSearchText(e.target.value) setListAPIParameter({ ...listAPIParameter, search: e.target.value, @@ -278,6 +279,7 @@ const ConnectionList = (props: { /> { lastPage: '', }); const [w3cSchema, setW3CSchema]= useState(false); - + const [searchText, setSearchText] = useState(""); const getIssuedCredDefs = async ( listAPIParameter: IConnectionListAPIParameter, @@ -204,6 +204,7 @@ const CredentialList = () => { //onChange of Search input text const searchInputChange = (e: ChangeEvent) => { + setSearchText(e.target.value) setListAPIParameter({ ...listAPIParameter, search: e.target.value, @@ -301,6 +302,7 @@ const CredentialList = () => { > => { event.preventDefault(); const inputValue = event.target.value; - setSearchValue(inputValue); + setSearchValue(inputValue.toLowerCase()); getSchemaList( { diff --git a/src/components/Verification/ConnectionList.tsx b/src/components/Verification/ConnectionList.tsx index 8fe68811d..2c1432d8a 100644 --- a/src/components/Verification/ConnectionList.tsx +++ b/src/components/Verification/ConnectionList.tsx @@ -36,7 +36,7 @@ const ConnectionList = (props: { const [connectionList, setConnectionList] = useState([]); const [connectionsTableData, setConnectionsTableData] = useState([]); const [localOrgs, setLocalOrgs] = useState([]); - + const [searchText, setSearchText] = useState(""); const [selectedConnectionList, setSelectedConnectionList] = useState< ITableData[] >([]); @@ -66,6 +66,7 @@ const ConnectionList = (props: { }, [listAPIParameter]); const searchInputChange = (e: ChangeEvent) => { + setSearchText(e.target.value) setListAPIParameter({ ...listAPIParameter, search: e.target.value, @@ -299,6 +300,7 @@ const extractConnectionFields = (item: IConnectionList) => { /> { nextPage: '', lastPage: '', }); + const [searchText, setSearchText] = useState(""); const getProofPresentationData = async (proofId: string) => { try { @@ -85,6 +86,7 @@ const VerificationCredentialList = () => { }; const searchInputChange = (e: ChangeEvent) => { + setSearchText(e.target.value) setListAPIParameter({ ...listAPIParameter, search: e.target.value, @@ -410,6 +412,7 @@ const VerificationCredentialList = () => { > { await setToLocalStorage(storageKeys.ORG_ROLES, roles.toString()); window.location.href = pathRoutes.organizations.dashboard; }; + + const filteredOrganizations = organizationsList?.filter((org) => + org.name.toLowerCase().includes(searchText.toLowerCase()) + ); + let content: React.JSX.Element = <>; - if (organizationsList && organizationsList?.length > 0) { + + if (filteredOrganizations && filteredOrganizations.length > 0) { content = (
- {organizationsList.map((org) => ( + {filteredOrganizations.map((org) => ( redirectOrgDashboard(org)} @@ -142,23 +148,26 @@ const OrganizationsList = () => { maxWidth: '100%', overflow: 'auto', }} - > + >
- {org.logoUrl ? ( + /> ) : ( - + )} - -
+
{org?.name}
@@ -194,25 +203,33 @@ const OrganizationsList = () => { ))}
-
- {currentPage.total > 1 && ( -
- -
- )} -
+ {currentPage.total > 1 && ( +
+ +
+ )}
); - } else { + } else if (searchText && filteredOrganizations?.length === 0) { content = ( + ); + } else if (!searchText && (!organizationsList || organizationsList.length === 0)) { + content = ( + { /> ); } + return (
@@ -245,7 +263,7 @@ const OrganizationsList = () => { Organizations
- +
= 10} @@ -278,15 +296,6 @@ const OrganizationsList = () => { setOpenModal={props.setOpenModal} isorgModal={true} /> - { organizationsList && { - setMessage(null); - setError(null); - }} - /> - } {loading ? (
diff --git a/src/components/organization/invitations/Invitations.tsx b/src/components/organization/invitations/Invitations.tsx index 42edd75df..1b999348c 100644 --- a/src/components/organization/invitations/Invitations.tsx +++ b/src/components/organization/invitations/Invitations.tsx @@ -122,6 +122,7 @@ const Invitations = () => {
{
- +
-
class="dark:text:white hover:opacity-50" -1149 -  +
-
class="dark:text:white hover:opacity-50" -1149 -  +