From 0d37000ce51848e905da27c79133bbdfa6496102 Mon Sep 17 00:00:00 2001
From: Jonathan Zernik <yzernik@gmail.com>
Date: Tue, 21 Jul 2020 16:30:38 -0700
Subject: [PATCH] Get squeaks for address in frontend (#109)

---
 .../src/pages/typography/Typography.js        | 27 ++++++++++++++++++-
 .../admin/squeak_admin_server_servicer.py     |  1 -
 2 files changed, 26 insertions(+), 2 deletions(-)

diff --git a/frontend/react-material-admin/src/pages/typography/Typography.js b/frontend/react-material-admin/src/pages/typography/Typography.js
index 6dd5de7a..cbcb2e56 100644
--- a/frontend/react-material-admin/src/pages/typography/Typography.js
+++ b/frontend/react-material-admin/src/pages/typography/Typography.js
@@ -1,4 +1,4 @@
-import React from "react";
+import React, { useState, useEffect } from 'react';
 import { useParams } from 'react-router-dom';
 import { Grid } from "@material-ui/core";
 
@@ -10,9 +10,33 @@ import PageTitle from "../../components/PageTitle";
 import Widget from "../../components/Widget";
 import { Typography } from "../../components/Wrappers";
 
+import { GetAddressSqueakDisplaysRequest } from "../../proto/squeak_admin_pb"
+import { SqueakAdminClient } from "../../proto/squeak_admin_grpc_web_pb"
+
+var client = new SqueakAdminClient('http://' + window.location.hostname + ':8080')
+
 export default function SqueakAddressPage() {
   var classes = useStyles();
   const { id } = useParams();
+  const [squeaks, setSqueaks] = useState([]);
+
+  const getSqueaks = () => {
+        console.log("called getSqueaks");
+
+        var getSqueaksRequest = new GetAddressSqueakDisplaysRequest()
+        getSqueaksRequest.setAddress(id);
+        console.log(getSqueaksRequest);
+
+        client.getAddressSqueakDisplays(getSqueaksRequest, {}, (err, response) => {
+          console.log(response);
+          console.log(response.getSqueakDisplayEntriesList());
+          // console.log(response.getSqueakDisplayEntriesList(),length);
+          setSqueaks(response.getSqueakDisplayEntriesList())
+        });
+  };
+  useEffect(()=>{
+    getSqueaks()
+  },[]);
 
   return (
     <>
@@ -20,6 +44,7 @@ export default function SqueakAddressPage() {
       <Grid container spacing={4}>
       <div>
       Hello!
+      Number of squeaks for address: {squeaks.length}
       </div>
       </Grid>
     </>
diff --git a/squeakserver/admin/squeak_admin_server_servicer.py b/squeakserver/admin/squeak_admin_server_servicer.py
index 975d2f2d..350f879d 100644
--- a/squeakserver/admin/squeak_admin_server_servicer.py
+++ b/squeakserver/admin/squeak_admin_server_servicer.py
@@ -107,7 +107,6 @@ class SqueakAdminServerServicer(squeak_admin_pb2_grpc.SqueakAdminServicer):
         block_header = squeak_entry.block_header
         is_unlocked = squeak.HasDecryptionKey()
         content_str = squeak.GetDecryptedContentStr() if is_unlocked else None
-        logger.info("Got block_header: {}".format(block_header))
         return squeak_admin_pb2.SqueakDisplayEntry(
             squeak_hash=get_hash(squeak).hex(),
             is_unlocked=squeak.HasDecryptionKey(),