adding all the data

kanugurajesh · Jul 14, 2023 · 59f890e · 59f890e
1 parent 972191a
commit 59f890e
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 17 deletions.
diff --git a/blog-react/dist/assets/index-f93e2bc8.js → blog-react/dist/assets/index-eb0815dd.js b/blog-react/dist/assets/index-f93e2bc8.js → blog-react/dist/assets/index-eb0815dd.js
diff --git a/blog-react/dist/index.html b/blog-react/dist/index.html
@@ -9,7 +9,7 @@
  <link rel="icon" type="image/png" sizes="16x16" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAA0lJREFUOE9tk21Mk1cUx//n6WP7QCsvInbNKorz3RqqRod7iWT4wgcCQV2iqMHF7QOIxejUMGPCXuJMFGFxbopxwS3OxGQQo/iS4CBz2dSEIGhkbCAotBaBQnG1tM/Te0wfA5Fl98O95+ae/E7+9/wP4bXVgDJ5OFVZL9iQxZCsAgARd4K55sPufY2v547FNBbU2fbOIGPsWY3lS6QYarLbDw6CKPTLzMPzZPD26bkLM2w5iy0aWNIAiKDa1Xm47iMd0IAMmVPSbozsWv2tbdtKu0KySWVWDdIrPNc3W2e/5yx9fN+DQVnApwAxU2OR1ur9WgfcthdsEFnL8u3HP87RhJCJAIkIUvQEQTzth4WBRxFCfJIFM5LiASEwVHmhWAc023Kr6OSe5W7nbOf8KXEQPFFthBm+2jo4zBYOtrt/Nc+33VX/7v7nm0Ml56ht2qqViDH/7ttXQNIqB1V8+QVCoRBgMgHyJCAcxrTEBBQVFsN0+ipHrv85rJF/1pLuxuFoGeqwLv/EOPetqs68LK7p76Dn7T8hd10c8g54gPhE9J4zI7t4CAWHKrD25gOOaW2jSLd70RzvrYc6oGfqonxj+tLzLekrkLB+DapPHIclUUFXrz/aQzhSJmNgmLBlfyliyyqR3PcMoVtNs2b6W7teAez2mCfvbrwbeeZxLDxyAEkrloKZ8bjXDUUx4Y3kZP1D7vT58Pzz7xHnHTj/dm3l1gk+2Jh3rFlJMDvXOi1IDQxicksLBkpcCE23g0A6sP2hG3+dbACHI6fO3Pi0kJkVIhrVu/DB5vJ7EpDmmPcmCovW4XavB9/90QQQcDQ7E7Fh4PTRK/D1/wuJuepi7V4XEYV0CdFtyY5jP9qmxG07sjsXJqOMgKrhtx4vFIMB79itUSvB2+dHRUUdZJDrcnXJiQkSUnaWZ27KSKt/f3EqBBgRIdD3IgRFlmCWZQhmXUZ9w4MAD43M/aFsh2cCgJnpq8Y7PwsSm6LJUSOZjUaENQ0vVFW/R105GlRdlTmZ49XHJTCz0XWtg3pG2k4FNK1ACEHJFgsC4TCGgqMwGqSwSTZ8di0/r/y/Ezk+jWMP1vIz6UGhbdbUyAIBqBJR0yRQtb+06NH/jfNLePlejj6VcyUAAAAASUVORK5CYII=">
  <link rel="manifest" href="data:application/manifest+json;base64,eyJuYW1lIjoiIiwic2hvcnRfbmFtZSI6IiIsImljb25zIjpbeyJzcmMiOiIvYW5kcm9pZC1jaHJvbWUtMTkyeDE5Mi5wbmciLCJzaXplcyI6IjE5MngxOTIiLCJ0eXBlIjoiaW1hZ2UvcG5nIn0seyJzcmMiOiIvYW5kcm9pZC1jaHJvbWUtNTEyeDUxMi5wbmciLCJzaXplcyI6IjUxMng1MTIiLCJ0eXBlIjoiaW1hZ2UvcG5nIn1dLCJ0aGVtZV9jb2xvciI6IiNmZmZmZmYiLCJiYWNrZ3JvdW5kX2NvbG9yIjoiI2ZmZmZmZiIsImRpc3BsYXkiOiJzdGFuZGFsb25lIn0=">
  <title>Gmate</title>
- <script type="module" crossorigin src="/assets/index-f93e2bc8.js"></script>
+ <script type="module" crossorigin src="/assets/index-eb0815dd.js"></script>
  <link rel="stylesheet" href="/assets/index-04490b11.css">
  </head>
  <body>

diff --git a/blog-react/src/App.jsx b/blog-react/src/App.jsx
@@ -56,10 +56,13 @@ const StyledFooter = styled.div`
 export default function App() {
  const [session, setSession] = useState(null);
  const [show, setShow] = useState(false);
+ const [input, setInput] = useState("");
  // create a list of alerts
- const [alerts, setAlerts] = useState(["who is dhoni", "who cpu work", "what is programming", "hello who are you",]);
+ // const [alerts, setAlerts] = useState(["who is dhoni", "who cpu work", "what is programming", "hello who are you",]);
+ const [alerts, setAlerts] = useState([]);
  // create a list of messages
- const [messages, setMessages] = useState(["he is great","cpu is a brain of computer","programming is a art","i am a bot"]);
+ // const [messages, setMessages] = useState(["he is great","cpu is a brain of computer","programming is a art","i am a bot"]);
+ const [messages, setMessages] = useState([]);
 
  const handleClick = () => setShow(!show);
  useEffect(() => {
@@ -76,14 +79,11 @@ export default function App() {
  return () => subscription.unsubscribe()
  }, [])
 
- const requestSendner = async (e) => {
- e.preventDefault();
- // update the alerts
- setAlerts([...alerts, e.target.value]);
- // update the messages
- setMessages([...messages, ""]);
- console.log(e.target.value);
- // send the request to the server
+ const requestSendner = () => {
+ if(input.length > 0){
+ setAlerts([...alerts, input]);
+ setInput("");
+ }
  }
 
  if (!session) {
@@ -116,11 +116,10 @@ export default function App() {
  ))}
  </StyledMesseges>
  <StyledFooter>
- {/* <Search placeholder="input search text" enterButton="Search" size="large" /> */}
- {/* <StyledInput> */}
- <TextArea rows={3} placeholder="maxLength is 6" maxLength={100} />
- <Button variant="outlined">Outlined</Button>
- {/* </StyledInput> */}
+ <TextArea rows={3} placeholder="maxLength is 6" maxLength={100} onChange={(e)=>{
+ setInput(e.target.value);
+ }}/>
+ <Button variant="outlined" onClick={requestSendner}>Request</Button>
  </StyledFooter>
  </StyledChat>
  </>