Upsolve page

package.json

@@ -5,11 +5,12 @@
   "dependencies": {
     "antd": "^4.17.3",
     "immutability-helper": "^3.1.1",
-    "prettier": "^2.5.1",
     "query-string": "^7.0.1",
     "react": "^17.0.2",
-    "react-circular-progressbar": "^2.0.4",
     "react-dom": "^17.0.2",
+    "react-elastic-carousel": "^0.11.5",
+    "react-icons": "^4.3.1",
+    "react-multi-carousel": "^2.6.5",
     "react-router": "^6.0.2",
     "react-router-dom": "^6.0.2",
     "react-scripts": "4.0.3"

src/App.js

@@ -10,9 +10,6 @@ import {
 import Homepage from './pages/Homepage'
 import Login from './pages/LogReg/Login'
 import Register from './pages/LogReg/Register'
-import CodeforcesUp from './pages/Upsolve/CodeforcesUp'
-import CodechefUp from './pages/Upsolve/CodechefUp'
-import AtcoderUp from './pages/Upsolve/AtcoderUp'
 import Parent from './pages/Ladders-Practice/Parent'
 import Profile from './pages/Profile/Profile'
 import FillInfo from './pages/LogReg/FillInfo'
@@ -34,6 +31,9 @@ import TermsAndConditions from './pages/ExtraInfo/TermsAndConditions'
 import Contests from '../src/pages/Contests/Contests'
 import { Layout, Menu } from 'antd'
 import ContestAPI from './actions/Contest'
+import mainUpsolve from './pages/Upsolve/mainUpsolve'
+import { atcoder, codechef, codeforces } from './actions/upsolve.actions'
+import Navbar from './pages/Navbar'
 
 const { Header, Footer, Content } = Layout
 
@@ -116,15 +116,17 @@ const App = () => {
     <>
       <CredentialsContext.Provider value={{ creds, setCreds }}>
         <Layout>
-          <Header>
+          {/* <Header>
             <div className="logo" />
             <Menu theme="dark" mode="horizontal" defaultSelectedKeys={['2']}>
               {new Array(7).fill(null).map((_, index) => {
                 const key = index + 1
                 return <Menu.Item key={key}>{`nav ${key}`}</Menu.Item>
               })}
             </Menu>
-          </Header>
+          </Header> */}
+
+          <Navbar />
           <Content>
             <Router>
               <Routes>
@@ -135,11 +137,20 @@ const App = () => {
                 <Route path="/login" element={<Login />} />
                 <Route path="/register" element={<Register />} />
                 {/* Login/Registration */}
-                <Route path="/upsolve/codeforces" element={<CodeforcesUp />} />
+                <Route
+                  path="/upsolve/codeforces"
+                  element={mainUpsolve('virtualData', codeforces, 'codeforces')}
+                />
                 {/* Codeforces upsolve */}
-                <Route path="/upsolve/atcoder" element={<AtcoderUp />} />
+                <Route
+                  path="/upsolve/atcoder"
+                  element={mainUpsolve('PracticeData', atcoder, 'atcoder')}
+                />
                 {/* Atcoder Upsolve */}
-                <Route path="/upsolve/codechef" element={<CodechefUp />} />
+                <Route
+                  path="/upsolve/codechef"
+                  element={mainUpsolve('simpleData', codechef, 'codechef')}
+                />
                 {/* Codechef upsolve */}
                 <Route path="/" element={<Homepage />} /> {/* Homepage */}
                 <Route path="/profile" element={<Profile />} />

src/actions/upsolve.actions.js

@@ -0,0 +1,40 @@
+export async function codeforces(accessToken, vir, page) {
+  return fetch(
+    `https://api.codedigger.tech/problems/upsolve/codeforces?${
+      vir ? `virtual=true;page=${page}` : `page=${page}`
+    }`,
+    {
+      method: 'GET',
+      headers: {
+        'Content-Type': 'application/json',
+        Authorization: `Bearer ${accessToken}`,
+      },
+    }
+  )
+}
+export async function codechef(accessToken, page) {
+  return fetch(
+    `https://api.codedigger.tech/problems/upsolve/codechef?page=${page}`,
+    {
+      method: 'GET',
+      headers: {
+        'Content-Type': 'application/json',
+        Authorization: `Bearer ${accessToken}`,
+      },
+    }
+  )
+}
+export async function atcoder(accessToken, page, Prac) {
+  return fetch(
+    `https://api.codedigger.tech/problems/upsolve/atcoder?${
+      Prac ? `practice=true;page=${page}` : `page=${page}`
+    }`,
+    {
+      method: 'GET',
+      headers: {
+        'Content-Type': 'application/json',
+        Authorization: `Bearer ${accessToken}`,
+      },
+    }
+  )
+}

src/helpers/Upsolve/PracticeApi.js

@@ -0,0 +1,57 @@
+async function PracticeAPI(
+  setFirstPage,
+  setLastPage,
+  page,
+  PracticeToggle,
+  setPracticeToggle,
+  setPreviousPage,
+  setNextPage,
+  setCurrentPage,
+  setData,
+  setLoader,
+  platform
+) {
+  const creds = JSON.parse(localStorage.getItem('creds'))
+  const acessToken = creds.access
+  const response = await platform(acessToken, page, PracticeToggle)
+  if (response.status === 200) {
+    const data = await response.json()
+    if (data.status === 'OK' && data.result.length > 0) {
+      const newLinks = data.links
+      setFirstPage(newLinks.first.split('=')[1])
+      setLastPage(newLinks.last.split('=')[1])
+      if (newLinks.prev !== null) {
+        setPreviousPage(newLinks.prev.split('=')[1])
+      }
+      if (newLinks.next !== null) {
+        setNextPage(newLinks.next.split('=')[1])
+      }
+      setLastPage(data.meta.last_page)
+      setCurrentPage(data.meta.current_page)
+      const result = await data.result
+      await setData(result)
+    } else if (PracticeToggle == true) {
+      localStorage.setItem(
+        'err',
+        'Please practice or compete to view this page'
+      )
+      window.location = '/home'
+    } else {
+      setPracticeToggle(true)
+    }
+
+    setLoader(false)
+  } else {
+    const data = await response.json()
+
+    if (
+      data.error ===
+      "You haven't Entered your Atcoder Handle in your Profile.. Update Now!"
+    ) {
+      localStorage.setItem('err', data.error)
+      window.location = '/home'
+    }
+  }
+}
+
+export default PracticeAPI

src/helpers/Upsolve/SimpleApi.js

@@ -0,0 +1,59 @@
+async function SimpleAPIData(
+  setFirstPage,
+  setLastPage,
+  page,
+  setPreviousPage,
+  setNextPage,
+  setCurrentPage,
+  setData,
+  setLoader,
+  platform
+) {
+  const creds = JSON.parse(localStorage.getItem('creds'))
+  const acessToken = creds.access
+  const response = await platform(acessToken, page)
+
+  if (response.status === 200) {
+    const data = await response.json()
+
+    if (data.status === 'OK') {
+      if (data.result.length > 0) {
+        const newLinks = data.links
+        await setFirstPage(newLinks.first.split('=')[1])
+
+        await setLastPage(newLinks.last.split('=')[1])
+
+        if (newLinks.prev !== null) {
+          setPreviousPage(newLinks.prev.split('=')[1])
+        }
+        if (newLinks.next !== null) {
+          setNextPage(newLinks.next.split('=')[1])
+        }
+        await setLastPage(data.meta.last_page)
+        await setCurrentPage(data.meta.current_page)
+      } else {
+        localStorage.setItem(
+          'err',
+          'Codechef upsolve is available when you participate in atleast one contest'
+        )
+        window.location = '/home'
+      }
+    } else {
+      localStorage.setItem('err', 'No contest found for this handle')
+      window.location = '/home'
+    }
+
+    const result = await data.result
+    await setData(result)
+    setLoader(false)
+  } else if (response.status == 500) {
+    localStorage.setItem('err', 'No contest found for this handle')
+    window.location = '/home'
+  } else {
+    const data = await response.json()
+    localStorage.setItem('err', data.error)
+    window.location = '/home'
+  }
+}
+
+export default SimpleAPIData

src/helpers/Upsolve/Upsolve.js

@@ -0,0 +1,64 @@
+import SimpleAPIData from './SimpleApi'
+import PracticeAPI from './PracticeApi'
+import virtualAPI from './VirtualApi'
+
+function APIData(
+  datarequired,
+  setFirstPage,
+  setLastPage,
+  page,
+  setPreviousPage,
+  setNextPage,
+  setCurrentPage,
+  setData,
+  setLoader,
+  platform,
+  PracticeToggle,
+  setPracticeToggle,
+  virtualDataToggle,
+  setvirtualDataToggle
+) {
+  if (datarequired === 'simpleData') {
+    SimpleAPIData(
+      setFirstPage,
+      setLastPage,
+      page,
+      setPreviousPage,
+      setNextPage,
+      setCurrentPage,
+      setData,
+      setLoader,
+      platform
+    )
+  } else if (datarequired === 'PracticeData') {
+    PracticeAPI(
+      setFirstPage,
+      setLastPage,
+      page,
+      PracticeToggle,
+      setPracticeToggle,
+      setPreviousPage,
+      setNextPage,
+      setCurrentPage,
+      setData,
+      setLoader,
+      platform
+    )
+  } else if (datarequired === 'virtualData') {
+    virtualAPI(
+      setFirstPage,
+      setLastPage,
+      page,
+      virtualDataToggle,
+      setvirtualDataToggle,
+      setPreviousPage,
+      setNextPage,
+      setCurrentPage,
+      setData,
+      setLoader,
+      platform
+    )
+  }
+}
+
+export default APIData

src/helpers/Upsolve/VirtualApi.js

@@ -0,0 +1,55 @@
+async function virtualAPI(
+  setFirstPage,
+  setLastPage,
+  page,
+  virtualDataToggle,
+  setvirtualDataToggle,
+  setPreviousPage,
+  setNextPage,
+  setCurrentPage,
+  setData,
+  setLoader,
+  platform
+) {
+  const creds = JSON.parse(localStorage.getItem('creds'))
+  const acessToken = creds.access
+
+  const response = await platform(acessToken, virtualDataToggle, page)
+  if (response.status == 200) {
+    const data = await response.json()
+
+    if (data.status === 'OK') {
+      if (data.result.length > 0) {
+        const newLinks = data.links
+        setFirstPage(newLinks.first.split('=')[1])
+        setLastPage(newLinks.last.split('=')[1])
+        if (newLinks.prev !== null) {
+          setPreviousPage(newLinks.prev.split('=')[1])
+        }
+        if (newLinks.next !== null) {
+          setNextPage(newLinks.next.split('=')[1])
+        }
+        await setLastPage(data.meta.last_page)
+        setCurrentPage(data.meta.current_page)
+      } else if (virtualDataToggle == false) {
+        setvirtualDataToggle(true)
+      } else {
+        localStorage.setItem(
+          'err',
+          'Codeforces upsolve is available when you participate in atleast one contest(official/virtual)'
+        )
+        window.location = '/home'
+      }
+    }
+
+    const result = await data.result
+    await setData(result)
+    setLoader(false)
+  } else {
+    setLoader(false)
+    localStorage.setItem('err', data.error)
+    window.location = '/home'
+  }
+}
+
+export default virtualAPI