adding all the data

kanugurajesh · Jul 14, 2023 · a6eedf2 · a6eedf2
1 parent 7244383
commit a6eedf2
Show file tree

Hide file tree

Showing 8 changed files with 5,283 additions and 2,897 deletions.
diff --git a/blog-react/dist/assets/index-a1d89006.js b/blog-react/dist/assets/index-a1d89006.js
diff --git a/blog-react/dist/assets/index-e9d2ffc8.js b/blog-react/dist/assets/index-e9d2ffc8.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-e9d2ffc8.js"></script>
+ <script type="module" crossorigin src="/assets/index-a1d89006.js"></script>
  <link rel="stylesheet" href="/assets/index-04490b11.css">
  </head>
  <body>

diff --git a/blog-react/package-lock.json b/blog-react/package-lock.json
diff --git a/blog-react/package.json b/blog-react/package.json
@@ -10,15 +10,17 @@
  "preview": "vite preview"
  },
  "dependencies": {
+ "@chakra-ui/react": "^2.7.1",
  "@emotion/react": "^11.11.1",
  "@emotion/styled": "^11.11.0",
  "@mui/icons-material": "^5.14.0",
  "@mui/material": "^5.14.0",
  "@supabase/auth-ui-react": "^0.4.2",
  "@supabase/auth-ui-shared": "^0.1.6",
  "@supabase/supabase-js": "^2.26.0",
+ "antd": "^5.7.0",
+ "framer-motion": "^10.12.21",
  "react": "^18.2.0",
- "react-chatbot-kit": "^2.1.2",
  "react-dom": "^18.2.0",
  "styled-components": "^6.0.4"
  },

diff --git a/blog-react/src/App.jsx b/blog-react/src/App.jsx
@@ -4,10 +4,10 @@ import { useState, useEffect } from 'react'
 import { ThemeSupa } from '@supabase/auth-ui-shared'
 import styled from 'styled-components'
 import AccountCircleIcon from '@mui/icons-material/AccountCircle';
-import ThemedExample from './components/Chat'
+import Header from './components/Header';
+import Footer from './components/Footer';
 const supabase = createClient('https://cyfpjgfjgocvjoqdblbp.supabase.co', 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6ImN5ZnBqZ2ZqZ29jdmpvcWRibGJwIiwicm9sZSI6ImFub24iLCJpYXQiOjE2ODg0OTIzNTIsImV4cCI6MjAwNDA2ODM1Mn0.3hq1S-yAh1Uq2K5lBbYJSvvmvGlg8NHd0kq7P-rlwQs')
 
-// create a styled component to make the items in in it display column
 const StyledDiv = styled.div`
  display: flex;
  flex-direction: column;
@@ -17,9 +17,28 @@ const StyledDiv = styled.div`
  gap: 1rem;
 `
 
+const StyledChat = styled.div`
+ box-sizing: border-box;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: space-between;
+ height: 100vh;
+ width: 100vw;
+ gap: 1rem;
+`
+
+// style footer
+const StyledFooter = styled.div`
+width:95vw;
+padding: 1rem;
+`
+
 export default function App() {
- const [session, setSession] = useState(null)
+ const [session, setSession] = useState(null);
+ const [show, setShow] = useState(false);
 
+ const handleClick = () => setShow(!show);
  useEffect(() => {
  supabase.auth.getSession().then(({ data: { session } }) => {
  setSession(session)
@@ -51,7 +70,12 @@ export default function App() {
  else {
  return (
  <>
- <ThemedExample />
+ <StyledChat>
+ <Header />
+ <StyledFooter>
+ <Footer />
+ </StyledFooter>
+ </StyledChat>
  </>
  )
  }

diff --git a/blog-react/src/components/Chat.jsx b/blog-react/src/components/Chat.jsx
diff --git a/blog-react/src/components/Footer.tsx b/blog-react/src/components/Footer.tsx
@@ -0,0 +1,18 @@
+import React from 'react';
+import { Input } from 'antd';
+
+const { Search } = Input;
+
+const App: React.FC = () => (
+ <>
+ {/* <Search placeholder="input search loading default" loading />
+ <br />
+ <br />
+ <Search placeholder="input search loading with enterButton" loading enterButton />
+ <br />
+ <br /> */}
+ <Search placeholder="input search text" enterButton="Search" size="large" loading />
+ </>
+);
+
+export default App;