Skip to content

Commit

Permalink
fix: Added missing error handling after issuancemerge
Browse files Browse the repository at this point in the history 
Signed-off-by: tipusinghaw <tipu.singh@ayanworks.com>
  • Loading branch information
@tipusinghaw
tipusinghaw committed Aug 7, 2023
1 parent fe252da commit dc85003
Showing 1 changed file with 87 additions and 44 deletions.
131 changes: 87 additions & 44 deletions src/components/Resources/Schema/SchemasList.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
'use client';

import { Button, Card, Pagination, Spinner, Table, } from 'flowbite-react';
import { Alert, Button, Card, Pagination, Spinner, Table, } from 'flowbite-react';
import { ChangeEvent, useEffect, useState } from 'react';
import type { GetAllSchemaListParameter, PaginationData } from './interfaces';
import { apiStatusCodes, storageKeys } from '../../../config/CommonConstant';
Expand All @@ -11,9 +11,11 @@ import SearchInput from '../../SearchInput';
import { getAllSchemas } from '../../../api/Schema';
import { getFromLocalStorage } from '../../../api/Auth';
import { pathRoutes } from '../../../config/pathRoutes';
import { EmptyListMessage } from '../../EmptyListComponent';

const SchemaList = (props: { schemaSelectionCallback: (schemaId: string) => void; }) => {
const [schemaList, setSchemaList] = useState([])
const [schemaListErr, setSchemaListErr] = useState<string | null>('')
const [loading, setLoading] = useState<boolean>(true)
const [orgId, setOrgId] = useState<string>('')
const [schemaListAPIParameter, setSchemaListAPIParameter] = useState({
Expand All @@ -25,24 +27,41 @@ const SchemaList = (props: { schemaSelectionCallback: (schemaId: string) => void
})

const getSchemaList = async (schemaListAPIParameter: GetAllSchemaListParameter) => {
const organizationId = await getFromLocalStorage(storageKeys.ORG_ID)
setOrgId(organizationId)
setLoading(true)

const schemaList = await getAllSchemas(schemaListAPIParameter, organizationId);
const { data } = schemaList as AxiosResponse

if (data?.statusCode === apiStatusCodes.API_STATUS_SUCCESS) {
if (data?.data?.data) {
setSchemaList(data?.data?.data)
setLoading(false)
try {
const organizationId = await getFromLocalStorage(storageKeys.ORG_ID);
setOrgId(organizationId);
setLoading(true);

const schemaList = await getAllSchemas(schemaListAPIParameter, organizationId);
const { data } = schemaList as AxiosResponse;
if (schemaList === 'Schema records not found') {
setLoading(false);
setSchemaList([]);
}
if (data?.statusCode === apiStatusCodes.API_STATUS_SUCCESS) {
if (data?.data?.data?.length === 0) {
setSchemaListErr('No Data Found');
}
if (data?.data?.data) {
setSchemaList(data?.data?.data);
setLoading(false);
} else {
setLoading(false);
setSchemaListErr(schemaList as string)
}
} else {
setLoading(false)
setLoading(false);
setSchemaListErr(schemaList as string)
}
} else {
setLoading(false)
setTimeout(() => {
setSchemaListErr('')
}, 3000)
} catch (error) {
console.error('Error while fetching schema list:', error);
setLoading(false);

}
}
};


useEffect(() => {
Expand Down Expand Up @@ -84,8 +103,8 @@ const SchemaList = (props: { schemaSelectionCallback: (schemaId: string) => void
<div
className=""
>
<div className="flex items-center justify-between mb-4 pr-4">
<div id='schemasSearchInput'>
<div className="flex flex-col items-center justify-between mb-4 pr-4 sm:flex-row">
<div id='schemasSearchInput' className='mb-2 pl-2'>
<SearchInput
onInputChange={onSearch}
/>
Expand All @@ -100,37 +119,61 @@ const SchemaList = (props: { schemaSelectionCallback: (schemaId: string) => void
Create Schema
</Button>
</div>
{
schemaListErr &&
<Alert
color="failure"
onDismiss={() => setSchemaListErr(null)}
>
<span>
<p>
{schemaListErr}
</p>
</span>
</Alert>
}
{loading
? <div className="flex items-center justify-center mb-4">
? (<div className="flex items-center justify-center mb-4">
<Spinner
color="info"
/>
</div>
</div>)
:
<div className='Flex-wrap' style={{ display: 'flex', flexDirection: 'column' }}>
<div className="mt-1 grid w-full grid-cols-1 gap-4 mt-0 mb-4 xl:grid-cols-2 2xl:grid-cols-3">
{schemaList && schemaList.length > 0 &&
schemaList.map((element, key) => (
<div className='p-2' key={key}>
<SchemaCard schemaName={element['name']} version={element['version']} schemaId={element['schemaLedgerId']} issuerDid={element['issuerId']} attributes={element['attributes']} created={element['createDateTime']}
onClickCallback={schemaSelectionCallback} />
</div>
))}
</div>
<div className="flex items-center justify-end mb-4" id="schemasPagination">

<Pagination
currentPage={1}
onPageChange={(page) => {
setSchemaListAPIParameter(prevState => ({
...prevState,
page: page
}));
}}
totalPages={0}
/>
</div>
</div>
schemaList && schemaList.length > 0 ? (
<div className='Flex-wrap' style={{ display: 'flex', flexDirection: 'column' }}>
<div className="mt-1 grid w-full grid-cols-1 gap-4 mt-0 mb-4 xl:grid-cols-2 2xl:grid-cols-3">
{schemaList && schemaList.length > 0 &&
schemaList.map((element, key) => (
<div className='p-2' key={key}>
<SchemaCard schemaName={element['name']} version={element['version']} schemaId={element['schemaLedgerId']} issuerDid={element['issuerId']} attributes={element['attributes']} created={element['createDateTime']}
onClickCallback={schemaSelectionCallback} />
</div>
))}
</div>
<div className="flex items-center justify-end mb-4" id="schemasPagination">

<Pagination
currentPage={1}
onPageChange={(page) => {
setSchemaListAPIParameter(prevState => ({
...prevState,
page: page
}));
}}
totalPages={0}
/>
</div>
</div>) : (<EmptyListMessage
message={'No Schemas'}
description={'Get started by creating a new Schema'}
buttonContent={'Create Schema'}
svgComponent={<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="none" viewBox="0 0 24 24">
<path fill="#fff" d="M21.89 9.89h-7.78V2.11a2.11 2.11 0 1 0-4.22 0v7.78H2.11a2.11 2.11 0 1 0 0 4.22h7.78v7.78a2.11 2.11 0 1 0 4.22 0v-7.78h7.78a2.11 2.11 0 1 0 0-4.22Z" />
</svg>}
onClick={()=>{
window.location.href = `${pathRoutes.organizations.createSchema}?OrgId=${orgId}`
}}
/>)
}
</div>
</div>
Expand Down

0 comments on commit dc85003

Please sign in to comment.