From 31da3a746ce7d86ade32b60acb68365670d97726 Mon Sep 17 00:00:00 2001
From: Eug-VS <eug-vs@keemail.me>
Date: Sat, 11 Jan 2020 17:44:46 +0300
Subject: Move all pages to separate folder

---
 src/components/Scoreboard/Scoreboard.js |  70 -------------------
 src/components/TimerPage/Timer/Timer.js | 119 --------------------------------
 src/components/TimerPage/TimerPage.js   |  76 --------------------
 3 files changed, 265 deletions(-)
 delete mode 100644 src/components/Scoreboard/Scoreboard.js
 delete mode 100644 src/components/TimerPage/Timer/Timer.js
 delete mode 100644 src/components/TimerPage/TimerPage.js

(limited to 'src/components')

diff --git a/src/components/Scoreboard/Scoreboard.js b/src/components/Scoreboard/Scoreboard.js
deleted file mode 100644
index 2d9bb80..0000000
--- a/src/components/Scoreboard/Scoreboard.js
+++ /dev/null
@@ -1,70 +0,0 @@
-import React, { useEffect, useState } from 'react';
-
-import { makeStyles } from "@material-ui/core/styles";
-
-import { get } from "../../requests";
-
-import SmartList from "../SmartList/SmartList";
-import SolutionCard from "../SolutionCard/SolutionCard";
-import Loading from "../Loading/Loading";
-import Window from "../Window/Window";
-
-
-const useStyles = makeStyles(theme => ({
-  cell: {
-    display: 'flex',
-    justifyContent: 'center',
-    padding: theme.spacing(4),
-
-    '& .MuiCard-root': {
-      width: '30%',
-    }
-  }
-}));
-
-const Scoreboard = () => {
-  const classes = useStyles();
-  const [solutions, setSolutions] = useState([]);
-
-  const updateSolutions = () => {
-    get('scoreboard/').then(response => {
-      setTimeout(() => {
-        setSolutions(response.data);
-      }, 300);
-    });
-  };
-
-  const removeSolution = (id) => {
-    setSolutions(solutions.filter((solution => solution.id !== id)));
-  };
-
-  useEffect(() => {
-    updateSolutions();
-  }, []);
-
-  const renderItem = ({ index, style }) => {
-    return (
-      <div style={style} className={classes.cell}>
-        <SolutionCard data={solutions[index]} removeThisCard={removeSolution}/>
-      </div>
-    )
-  };
-
-  return (
-    <Window type="mono">
-      { solutions.length === 0 &&
-      <div className={classes.cell}>
-        <Loading/>
-      </div>
-      }
-      <SmartList
-        itemSize={300}
-        itemCount={solutions.length}
-        renderItem={renderItem}
-      />
-    </Window>
-  )
-};
-
-
-export default Scoreboard;
diff --git a/src/components/TimerPage/Timer/Timer.js b/src/components/TimerPage/Timer/Timer.js
deleted file mode 100644
index 92b153d..0000000
--- a/src/components/TimerPage/Timer/Timer.js
+++ /dev/null
@@ -1,119 +0,0 @@
-import React, { useState, useEffect } from 'react';
-
-import { Paper, Typography } from '@material-ui/core';
-import { makeStyles } from "@material-ui/core/styles";
-
-const useStyles = makeStyles(theme => ({
-  root: {
-    textAlign: 'center',
-    padding: theme.spacing(5),
-    background: theme.palette.primary.main,
-    marginTop: theme.spacing(20),
-  },
-}));
-
-const Timer = ({ registerResult }) => {
-  const classes = useStyles();
-
-  const SPACE = 32;
-  const maxCountdown = 15000;
-  const [time, setTime] = useState('00:00:00');
-  const [mode, setMode] = useState('idle');
-  const [repeater, setRepeater] = useState(0);
-
-  useEffect(()=> {
-    clearInterval(repeater);
-    const timestamp = Date.now();
-
-    if (mode === 'countdown') setRepeater(setInterval(() => {
-      const timeDelta = maxCountdown - (Date.now() - timestamp);
-      if (timeDelta <= 0) setMode('over');
-      setTime(convertTimeToString(timeDelta));
-    }, 10));
-
-    if (mode === 'running') setRepeater(setInterval(() => {
-      setTime(convertTimeToString(Date.now() - timestamp));
-    }, 10));
-
-    if (mode === 'over') {
-      setTime('00:00:00');
-    }
-  }, [mode]);
-
-  const handleKeyPress = event => {
-    event.preventDefault();
-    if (event.keyCode === SPACE && mode === 'idle' ) setMode('countdown');
-  };
-
-  const handleKeyUp = event => {
-    clearInterval(repeater);
-    if (event.keyCode === SPACE) {
-      if (mode === 'running') {
-        registerResult(time);
-        setMode('idle');
-      } else if (mode === 'over') {
-        setMode('idle');
-      } else {
-        setMode('running');
-      }
-    }
-  };
-
-  useEffect(() => {
-    window.addEventListener('keyup', handleKeyUp);
-    window.addEventListener('keypress', handleKeyPress);
-
-    return () => {
-      window.removeEventListener('keyup', handleKeyUp);
-      window.removeEventListener('keypress', handleKeyPress);
-    };
-  });
-
-  const composeHelperText = () => {
-    switch (mode) {
-      case 'running': return '_';
-      case 'countdown': return 'Release SPACE to begin';
-      case 'over': return 'You are too late!';
-      default: return 'Hold SPACE to start countdown';
-    }
-  };
-
-  const helperColor = () => {
-    switch (mode) {
-      case 'running': return 'primary';
-      case 'over': return 'secondary';
-      default: return 'textSecondary';
-    }
-  };
-
-  return (
-    <Paper elevation={3} className={classes.root}>
-      <Typography variant="h1"> {time} </Typography>
-      <Typography variant="h5" color={helperColor()}>
-        {composeHelperText()}
-      </Typography>
-    </Paper>
-  );
-};
-
-const convertTimeToString = timeDelta => {
-  let resultTime = '';
-
-  const minute = Math.floor(timeDelta / 60000);
-  if (minute < 10) resultTime += '0';
-  resultTime += minute + ':';
-
-  let second = Math.floor(timeDelta / 1000);
-  if (second < 10) resultTime += '0';
-  if (second > 59) second %= 60;
-  resultTime += second + ':';
-
-  const mill = Math.floor((timeDelta % 1000) / 10);
-  if (mill < 10) resultTime += '0';
-  resultTime += mill;
-
-  return resultTime;
-};
-
-
-export default Timer;
diff --git a/src/components/TimerPage/TimerPage.js b/src/components/TimerPage/TimerPage.js
deleted file mode 100644
index 22781bc..0000000
--- a/src/components/TimerPage/TimerPage.js
+++ /dev/null
@@ -1,76 +0,0 @@
-import React from 'react';
-
-import { post } from '../../requests';
-
-import Window from "../Window/Window";
-import ContentSection from "../ContentSection/ContentSection";
-import Timer from "./Timer/Timer";
-import SmartList from "../SmartList/SmartList";
-import SolutionCard from "../SolutionCard/SolutionCard";
-
-import { Typography, makeStyles } from "@material-ui/core";
-
-
-const useStyles = makeStyles(theme => ({
-  primary: {
-    padding: theme.spacing(4),
-  },
-  cell: {
-    padding: theme.spacing(5),
-  },
-}));
-
-const TimerPage = ({ recentSolutions, setRecentSolutions }) => {
-  const classes = useStyles();
-
-  const user = {
-    id: null,
-    username: 'anonymous',
-  };
-
-  const registerResult = result => {
-    const solution = { author_id: user.id, result };
-    post('solutions/', solution).then(response => {
-      setRecentSolutions([response.data].concat(recentSolutions));
-    });
-  };
-
-  const removeSolution = (id) => {
-    setRecentSolutions(recentSolutions.filter((solution => solution.id !== id)));
-  };
-
-  const renderItem = ({ index, style }) => {
-    const solution = recentSolutions[index];
-    return (
-      <div style={style} className={classes.cell}>
-        <SolutionCard data={solution} removeThisCard={removeSolution} />
-      </div>
-    );
-  };
-
-  return (
-    <>
-      <Window type="primary">
-        <div className={classes.primary}>
-          <ContentSection sectionName="Welcome to ChronoCube!">
-            <Typography>
-              Here is some text about how cool this application is, why you should use it
-              and how to make it better!
-            </Typography>
-          </ContentSection>
-          <Timer registerResult={registerResult} />
-        </div>
-      </Window>
-      <Window type="secondary" name="Recent solutions">
-        <SmartList
-          itemSize={270}
-          itemCount={recentSolutions.length}
-          renderItem={renderItem}
-        />
-      </Window>
-    </>
-  );
-};
-
-
-export default TimerPage;
-- 
cgit v1.2.3