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()
+ }
>
);
}