diff --git a/frontend/react-material-admin/src/components/Squeak/Squeak.js b/frontend/react-material-admin/src/components/Squeak/Squeak.js index 4f07901c..8374d02a 100644 --- a/frontend/react-material-admin/src/components/Squeak/Squeak.js +++ b/frontend/react-material-admin/src/components/Squeak/Squeak.js @@ -46,11 +46,7 @@ export default function Squeak({ > - { - console.info("I'm a button: " + squeak.getAuthorAddress()); - history.push("/app/squeakaddress/" + squeak.getAuthorAddress()); - }} + {squeak.getAuthorName()} @@ -75,7 +71,7 @@ export default function Squeak({ > - {new Date(squeak.getBlockTime()*1000).toString()} (Block # {squeak.getBlockHeight()} + {new Date(squeak.getBlockTime()*1000).toString()} (Block # {squeak.getBlockHeight()}) diff --git a/frontend/react-material-admin/src/pages/squeakaddress/SqueakAddress.js b/frontend/react-material-admin/src/pages/squeakaddress/SqueakAddress.js index d210dbe7..9cc1d72c 100644 --- a/frontend/react-material-admin/src/pages/squeakaddress/SqueakAddress.js +++ b/frontend/react-material-admin/src/pages/squeakaddress/SqueakAddress.js @@ -24,10 +24,9 @@ export default function SqueakAddressPage() { const history = useHistory(); const { address } = useParams(); const [squeakProfile, setSqueakProfile] = useState(null); + const [squeaks, setSqueaks] = useState([]); const getSqueakProfile = () => { - console.log("called getSqueakProfile with profileId: " + address); - var getSqueakProfileByAddressRequest = new GetSqueakProfileByAddressRequest() getSqueakProfileByAddressRequest.setAddress(address); console.log(getSqueakProfileByAddressRequest); @@ -37,6 +36,17 @@ export default function SqueakAddressPage() { setSqueakProfile(response.getSqueakProfile()) }); }; + const getSqueaks = () => { + var getAddressSqueakDisplaysRequest = new GetAddressSqueakDisplaysRequest() + getAddressSqueakDisplaysRequest.setAddress(address); + console.log(getAddressSqueakDisplaysRequest); + + client.getAddressSqueakDisplays(getAddressSqueakDisplaysRequest, {}, (err, response) => { + console.log(response); + console.log(response.getSqueakDisplayEntriesList()); + setSqueaks(response.getSqueakDisplayEntriesList()) + }); +}; const goToCreateProfilePage = (profileId) => { history.push("/app/profile/" + profileId); @@ -45,6 +55,9 @@ export default function SqueakAddressPage() { useEffect(()=>{ getSqueakProfile() },[]); + useEffect(()=>{ + getSqueaks() + },[]); function NoProfileContent() { return ( @@ -65,6 +78,26 @@ export default function SqueakAddressPage() { ) } + function NoSqueaksContent() { + return ( +
+ Unable to load squeaks. +
+ ) + } + + function SqueaksContent() { + return ( + <> + + {squeaks.map(squeak => + + )} + + + ) + } + return ( <> @@ -72,6 +105,10 @@ export default function SqueakAddressPage() { ? ProfileContent() : NoProfileContent() } + {(squeaks) + ? SqueaksContent() + : NoSqueaksContent() + } ); }