Merge pull request #7 from kkang-kkang/develop

tlqkf

Author: Sanadevel

kkang-kkang/src/pages/find_tx/style.ts

@@ -21,10 +21,10 @@ export const Input = styled.input`
 `;
 
 export const Title = styled.div`
+  font-weight: 800;
   font-size: 48px;
   margin-top: 1em;
   text-align: center;
-  font-weight: 800;
 `;
 
 export const Button = styled.button`

kkang-kkang/src/pages/list_block/index.tsx

@@ -16,7 +16,7 @@ const ListBlock = () => {
   const [hash, setHash] = useState<string>();
   const [count, setCount] = useState<number>();
   const [onSearch, setOnSearch] = useState<boolean>(false);
-  const [res, setRes] = useState<resProps>();
+  const [res, setRes] = useState<resProps[]>();
 
   useEffect(() => {
     stream();
@@ -26,7 +26,7 @@ const ListBlock = () => {
     await axios({
       method: "post",
       url: `${baseUrl}/list-block?head=${hash}&count=${count}`,
-    }).then((res) => setRes(res.data[0]));
+    }).then((res) => setRes(res.data));
   };
 
   const btnOnClick = () => {
@@ -39,14 +39,18 @@ const ListBlock = () => {
   return (
     <S.Container>
       <Header />
-      <S.Title>블럭 리스트</S.Title>
-      {onSearch ? (
-        <S.Flex>
-          <S.Header>curHash : {res?.curHash}</S.Header>
-          <S.Header>prevHash : {res?.prevHash}</S.Header>
-          <S.Header>timestamp : {res?.timestamp}</S.Header>
-          <S.Header>txCount : {res?.txCount}</S.Header>
-        </S.Flex>
+      <S.Title>블록 리스트</S.Title>
+      {onSearch && res ? (
+        res.map((res, index) => {
+          return (
+            <S.Flex>
+              <S.Header>curHash : {res?.curHash}</S.Header>
+              <S.Header>prevHash : {res?.prevHash}</S.Header>
+              <S.Header>timestamp : {res?.timestamp}</S.Header>
+              <S.Header>txCount : {res?.txCount}</S.Header>
+            </S.Flex>
+          );
+        })
       ) : (
         <S.container>
           <S.Input

kkang-kkang/src/pages/list_block/style.ts

@@ -3,15 +3,21 @@ import styled from "styled-components";
 export const Container = styled.div`
   width: 100vw;
   height: 100vh;
-  overflow: hidden;
 `;
 
 export const Flex = styled.div`
-  height: 80vh;
+  height: 13em;
+  width: 75em;
+  border: 1px solid #fff;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
+  margin-top: 1em;
+`;
+
+export const BlockNum = styled.div`
+  font-size: 32px;
 `;
 
 export const Title = styled.div`
@@ -60,5 +66,5 @@ export const Button = styled.button`
 
 export const Header = styled.div`
   font-size: 24px;
-  font-weight: 700;
+  font-weight: 200;
 `;

kkang-kkang/src/styles/global.tsx

@@ -120,6 +120,7 @@ const style = css`
   }
 
   color: #fff;
+  font-weight: 200;
 `;
 
 const Theme = `