const ppdContract = props.ppdContract; const ppdAbi = props.ppdAbi; State.init({ userSheets: [], }); const getUserSheets = () => { if (ppdContract == undefined) return; const ppd = new ethers.Contract( ppdContract, ppdAbi.body, Ethers.provider().getSigner() ); ppd.getUserIdx().then((userIdx) => { ppd.getUserSheets(parseInt(userIdx.toString())).then((res) => { console.log(res); // const comp = res && res.map((r) => r[0]); State.update({ userSheets: res }); }); }); }; if (state.sender != undefined) { getUserSheets(); } const GridWrap = styled.div` .gap-4 { gap: 1rem; } .grid-cols-2 { grid-template-columns: repeat(2,minmax(0,1fr)); } .grid { display: grid; } `; return ( <> {state.userSheets.length === 0 && ( <h2 class="text-center">No Sheets Founded</h2> )} {state.userSheets.map((userSheet, i) => { return ( <GridWrap> <div class="grid gap-4 grid-cols-2"> <Widget src={`beachsunandrockandroll.near/widget/card`} props={{ title: userSheet[0], desc: getNormalDate(userSheet[1]), buttonTitle: "View Sheet", // action: }} /> {/* <button onClick={() => { setAddRecord(true); setSheetIdx(i); }} > New Record </button>*/} </div> </GridWrap> ); })} </> );