From 29007c89c6cd725f69ff800c720faf89e5aa77ee Mon Sep 17 00:00:00 2001
From: eug-vs <eugene@eug-vs.xyz>
Date: Wed, 4 May 2022 13:43:48 +0300
Subject: feat: add bitter font for headings

---
 src/index.tsx | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

(limited to 'src/index.tsx')

diff --git a/src/index.tsx b/src/index.tsx
index 9b740f9..30d0f07 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -1,6 +1,7 @@
 import React, { useState } from 'react';
 import ReactDOM from 'react-dom';
 import './style.css';
+import './fonts/Bitter-Regular.woff';
 
 import Timer from './components/Timer';
 
@@ -14,13 +15,24 @@ const App: React.FC = () => {
   const [solutions, setSolutions] = useState<Solution[]>([]);
 
   const registerResult = (result: string) => {
-    setSolutions([...solutions, { author, result }]);
+    setSolutions([{ author, result }, ...solutions]);
   }
 
   return (
-    <Timer registerResult={registerResult} />
+    <>
+      <h2>Timer</h2>
+      <Timer registerResult={registerResult} />
+
+      <h2>Results</h2>
+      <ul>
+        {solutions.map(solution => (
+          <li>
+            {solution.result} by {solution.author}
+          </li>
+        ))}
+      </ul>
+    </>
   );
 };
 
-document.body.style.overflow = 'hidden';
 ReactDOM.render(<App />, document.getElementById('root'));
-- 
cgit v1.2.3

