fix: added search on connection list page

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<HTMLInputElement>) => {
+		setSearchText(e.target.value)
 		setListAPIParameter({
 			...listAPIParameter,
 			search: e.target.value,
@@ -150,6 +152,7 @@ const ConnectionList = () => {
 			)}
 			<SortDataTable
 				onInputChange={searchInputChange}
+				searchValue={searchText}
 				refresh={refreshPage}
 				header={header}
 				data={connectionList}

src/components/Issuance/ConnectionList.tsx

@@ -40,7 +40,7 @@ const ConnectionList = (props: {
 	const [tableData, setTableData] = useState<ITableData[]>([]);
 	const [connectionList, setConnectionList] = useState([]);
 	const [localOrgs, setLocalOrgs] = useState<LocalOrgs[]>([]);
-
+	const [searchText, setSearchText] = useState("");
 	const [loading, setLoading] = useState<boolean>(false);
 	const [totalItem, setTotalItem] = useState(0);
 	const [error, setError] = useState<string | null>(null);
@@ -188,6 +188,7 @@ const ConnectionList = (props: {
 
 	//onChange of Search input text
 	const searchInputChange = (e: ChangeEvent<HTMLInputElement>) => {
+		setSearchText(e.target.value)
 		setListAPIParameter({
 			...listAPIParameter,
 			search: e.target.value,
@@ -278,6 +279,7 @@ const ConnectionList = (props: {
 			/>
 			<NewDataTable
 				isHeader={true}
+				searchValue={searchText}
 				isSearch={true}
 				isRefresh={true}
 				isSort={true}

src/components/Verification/ConnectionList.tsx

@@ -36,7 +36,7 @@ const ConnectionList = (props: {
 	const [connectionList, setConnectionList] = useState<ITableData[]>([]);
 	const [connectionsTableData, setConnectionsTableData] = useState<ITableData[]>([]);
 	const [localOrgs, setLocalOrgs] = useState<LocalOrgs[]>([]);
-
+	const [searchText, setSearchText] = useState("");
 	const [selectedConnectionList, setSelectedConnectionList] = useState<
 	ITableData[]
 	>([]);
@@ -66,6 +66,7 @@ const ConnectionList = (props: {
 	}, [listAPIParameter]);
 
 	const searchInputChange = (e: ChangeEvent<HTMLInputElement>) => {
+		setSearchText(e.target.value)
 		setListAPIParameter({
 			...listAPIParameter,
 			search: e.target.value,
@@ -299,6 +300,7 @@ const extractConnectionFields = (item: IConnectionList) => {
 			/>
 			<SortDataTable
 				onInputChange={searchInputChange}
+				searchValue={searchText}
 				refresh={refreshPage}
 				header={verification_header}
 				data={connectionsTableData}