+
+ )
+ }
+ return(
+
+
+ )
+
+}
+export default SubmissionTable;
\ No newline at end of file
diff --git a/src/Components/contestProblem/ide.js b/src/Components/contestProblem/ide.js
new file mode 100644
index 0000000..16e1b9b
--- /dev/null
+++ b/src/Components/contestProblem/ide.js
@@ -0,0 +1,95 @@
+import React, { useState,useContext} from 'react';
+import MonacoEditor from '@uiw/react-monacoeditor';
+import CodechefContext from '../../Context/codechef/codechefContext';
+import AlertContext from '../../Context/alert/alertContext';
+import Alert from '../layout/alert';
+
+const Ide = (props) => {
+ const codechefContext = useContext(CodechefContext);
+ const alertContext = useContext(AlertContext);
+ const [code, setCode] = useState('// Type your code here');
+ const [input,setInput]=useState({
+ SelLanguage:'Select any language',
+ testInput:''
+ })
+ const onChangeEditor = (newValue, e) => {
+ setCode(newValue)
+ }
+ const onChange=(e)=>{
+ setInput({...input,[e.target.name]:e.target.value});
+
+ }
+
+ const onClick=async(e)=>{
+ e.preventDefault();
+ if(input.SelLanguage==='Select any language'){
+ alertContext.setAlert('Please select language','danger');
+ }
+ else{
+ alertContext.setAlert('Running your code','light');
+ await codechefContext.runCode(input.SelLanguage,code,input.testInput);
+ if(codechefContext.codeStatus===200){
+ alertContext.setAlert('Code executed without any error','success');
+ }
+ else{
+ alertContext.setAlert('Check for error in your code','danger');
+ }
+ }
+
+ }
+ const onSubmit=async(e)=>{
+ e.preventDefault();
+ if(input.SelLanguage==='Select any language'){
+ alertContext.setAlert('Please select language','danger');
+ }
+ else{
+ alertContext.setAlert('Running your code','light');
+ await codechefContext.runCode(input.SelLanguage,code,input.testInput);
+ if(codechefContext.codeStatus===200){
+ alertContext.setAlert('Code executed without any error','success');
+ }
+ else{
+ alertContext.setAlert('Check for error in your code','danger');
+ }
+
+ }
+ }
+ return (
+
+
+
+
+ {codechefContext.submissionList.length!==0?(
+
+
):
+ | Date | +Username | +Language | +Result | +Score | +Time | +Memory | +
|---|---|---|---|---|---|---|
| {submission.date} | +{submission.username} | +{submission.language} | +{submission.result} | +{submission.score} | +{submission.time} | +{submission.memory} | +
No Submissions Found
} + +
+
+ )
+
+}
+export default Ide;
\ No newline at end of file
diff --git a/src/Components/contestProblem/problemItem.js b/src/Components/contestProblem/problemItem.js
new file mode 100644
index 0000000..a892ff3
--- /dev/null
+++ b/src/Components/contestProblem/problemItem.js
@@ -0,0 +1,14 @@
+import React, { Fragment } from 'react';
+import { Link } from 'react-router-dom';
+const ProblemItem=(props)=>{
+ return(
+
+
+
+
+
+
+
+
+
+
+
+ )
+ }
+ else {
+ return (
+
+
+ + {props.match.params.contestcode} +
++
+
+
+
+
+ )
+ }
+
+}
+export default ProblemStatement;
\ No newline at end of file
diff --git a/src/Components/contestProblem/search.js b/src/Components/contestProblem/search.js
new file mode 100644
index 0000000..3f655f2
--- /dev/null
+++ b/src/Components/contestProblem/search.js
@@ -0,0 +1,105 @@
+import React, { useState, useEffect, useContext } from 'react'
+import Autosuggest from 'react-autosuggest';
+import AuthContext from '../../Context/auth/authContext';
+import CodechefContext from '../../Context/codechef/codechefContext';
+import Spinner from '../layout/spinner.js';
+import Alert from '../layout/alert';
+import AlertContext from '../../Context/alert/alertContext'
+const Search = () => {
+ const authContext = useContext(AuthContext);
+ const codechefContext = useContext(CodechefContext);
+ const alertContext=useContext(AlertContext);
+
+ useEffect(() => {
+ authContext.loadPage();
+ codechefContext.getContestList();
+ //eslint-disable-next-line
+ },[])
+ const contests=codechefContext.contestList;
+
+ const [value, setValue] = useState('')
+ const [suggestions, setSuggestions] = useState([]);
+ const [suggestionValue,setSuggestionValue]=useState('');
+
+ const getSuggestionValue = (suggestion) => {
+ setSuggestionValue(suggestion.name +' ('+suggestion.code+')');
+ return suggestion.name +' ('+suggestion.code+')';
+ }
+
+ const renderSuggestion = (suggestion) => {
+ return (
+ {suggestion.name+' ('+suggestion.code+')'}
+ );
+
+ }
+
+ const onChange = (event, { newValue, method }) => {
+ setValue(newValue);
+ };
+
+ const getSuggestions = (value) => {
+ const escapedValue = escapeRegexCharacters(value.trim());
+
+ if (escapedValue === '') {
+ return [];
+ }
+
+ const regex = new RegExp('^' + escapedValue, 'i');
+
+ return contests.filter(contest => regex.test(contest.name)||regex.test(contest.code));
+ }
+ const escapeRegexCharacters = (str) => {
+ return str.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+ }
+
+ const onSuggestionsFetchRequested = ({ value }) => {
+ var fetchedSuggestions=getSuggestions(value);
+ if(fetchedSuggestions.length>5){
+ fetchedSuggestions=fetchedSuggestions.slice(0,6);
+ }
+ setSuggestions(fetchedSuggestions);
+ };
+
+ const onSuggestionsClearRequested = () => {
+ setSuggestions([]);
+ };
+ const inputProps = {
+ placeholder: "Type Contest Name or Contest Code",
+ value,
+ onChange: onChange
+ };
+ const onSubmit=async(e)=>{
+ e.preventDefault();
+ var regExp=/\(([^]+)\)/;
+ if(suggestionValue!==''){
+ var match=regExp.exec(suggestionValue);
+ codechefContext.getContestDetail(match[1]);
+ }else{
+ alertContext.setAlert('Please select a valid choice','danger');
+ }
+
+ }
+ if(codechefContext.loading){
+ return
+
+ + {props.match.params.contestcode} +
++
+
+
+ Problem
+ Submissions
+ Submit
+
+
+ : () : (
+
+
+
+ {displayProblem ? parse(codechefContext.problem.body) : ({codechefContext.problem.problemName}
+
+
+ );
+}
+
+export default Search;
diff --git a/src/Components/contestProblem/timer.js b/src/Components/contestProblem/timer.js
new file mode 100644
index 0000000..dc2ad0b
--- /dev/null
+++ b/src/Components/contestProblem/timer.js
@@ -0,0 +1,67 @@
+import React, { Fragment, useContext, useEffect, useState } from 'react'
+import CodechefContext from '../../Context/codechef/codechefContext';
+import MyTimer from 'react-compound-timer';
+
+const Timer = () => {
+ const [initialTime, setInitialTime] = useState(null);
+ const calculateTime = () => {
+ if (!codechefContext.loadingDetail) {
+ var startDate = codechefContext.contestDetail.startDate;
+ var endDate = codechefContext.contestDetail.endDate;
+ var resStart = new Date(startDate.replace("-", "/"));
+ var resEnd = new Date(endDate.replace("-", "/"));
+ var today = new Date();
+ if (resStart > today) {
+ setTimerState('Contest Starts In');
+ const time=resStart.getTime()-today.getTime();
+ setInitialTime(time);
+ setTimeout(()=>{
+ setTimerState('Contest Ends In');
+ const contestTime=resEnd.getTime()-resStart.getTime()
+ setInitialTime(contestTime);
+ setInterval(() => {
+ setInterval(() => {
+ setTimerState('Contest Ended');
+ setInitialTime(null);
+ }, resEnd.getTime()-resEnd.getTime());
+ }, time/2);
+ },time/2);
+ }
+ else {
+ setTimerState('Contest ended')
+ }
+ }
+ else{
+ setInitialTime(null);
+ }
+ }
+ const codechefContext = useContext(CodechefContext);
+ const [timerState, setTimerState] = useState('');
+ useEffect(() => {
+ calculateTime();
+ //eslint-disable-next-line
+ }, [codechefContext.loadingDetail])
+ if (codechefContext.loadingDetail) {
+ return ()
+ }
+ return (
+ {timerState}
+ {initialTime&&(
+
+
+ {alert.msg}
+
+))
+)
+}
+export default Alert;
\ No newline at end of file
diff --git a/src/Components/layout/navbar.js b/src/Components/layout/navbar.js
index 4c3e41c..af7b5c6 100644
--- a/src/Components/layout/navbar.js
+++ b/src/Components/layout/navbar.js
@@ -8,7 +8,7 @@ const Navbar = (props) => {
}
const authLinks = (
Contest Starts In
23 days +9 hours +35 minutes +12 seconds +
April Cook-Off 2020
