diff --git a/public/index.html b/public/index.html index 21381aa..a34b48f 100644 --- a/public/index.html +++ b/public/index.html @@ -25,6 +25,10 @@ Learn how to configure a non-root public URL by running `npm run build`. --> Clockify Visualizer + + + + diff --git a/src/components/SingleFileUpload.jsx b/src/components/SingleFileUpload.jsx index a0a860f..4a91cc2 100644 --- a/src/components/SingleFileUpload.jsx +++ b/src/components/SingleFileUpload.jsx @@ -1,5 +1,5 @@ import React, { useState, useEffect } from "react" -import { ButtonGroup, Button, Spacer, useToasts } from "@geist-ui/core" +import { ButtonGroup, Button, Spacer, Input, useToasts } from "@geist-ui/core" import PropTypes from "prop-types" import { clockifyDataSet1 } from "../data/clockify_data1" @@ -12,11 +12,11 @@ function SingleFileUpload({ onFileUploaded }) { const { setToast } = useToasts() const showSuccessToast = () => - setToast({ text: "File successfully uploaded", delay: 2000 }) + setToast({ text: "File successfully uploaded", delay: 5000 }) const showInvalidCSVToast = () => - setToast({ text: "Invalid CSV File", delay: 2000 }) + setToast({ text: "Invalid CSV File", delay: 5000 }) const showInvalidFileToast = () => - setToast({ text: "Wrong file type", delay: 2000 }) + setToast({ text: "Wrong file type", delay: 5000 }) const loadFirstDataSet = () => { fileContent = clockifyDataSet1 diff --git a/src/components/TimelineAreaChart.jsx b/src/components/TimelineAreaChart.jsx index ae90bc7..a30df1d 100644 --- a/src/components/TimelineAreaChart.jsx +++ b/src/components/TimelineAreaChart.jsx @@ -1,7 +1,11 @@ -import { React, useRef } from "react" -import Highcharts from "highcharts" -import HighchartsReact from "highcharts-react-official" -import { fileContent } from "./SingleFileUpload" +import { React, useRef } from "react"; +import Highcharts from "highcharts"; +import HighchartsReact from "highcharts-react-official"; +import { fileContent } from "./SingleFileUpload"; + +require("highcharts/modules/accessibility")(Highcharts); +require("highcharts/modules/exporting")(Highcharts); +require("highcharts/modules/export-data")(Highcharts); // Date, Map var projectDataMap = new Map() @@ -30,12 +34,12 @@ export default function AreaChart() { }) } const btn = ( - + ) return (
{chart} - {btn} +
{btn}
) } @@ -121,6 +125,14 @@ function getOptions() { }, type: "datetime", }, + yAxis: { + title: { + text: "Time spent (h)" + } + }, + accessibility: { + enabled: true + }, series: highChartsSeries, } diff --git a/src/components/TotalPieChart.jsx b/src/components/TotalPieChart.jsx index 550d071..6a22d0b 100644 --- a/src/components/TotalPieChart.jsx +++ b/src/components/TotalPieChart.jsx @@ -1,7 +1,11 @@ -import React from "react" -import Highcharts from "highcharts" -import HighchartsReact from "highcharts-react-official" -import { fileContent } from "./SingleFileUpload" +import React from "react"; +import Highcharts from "highcharts"; +import HighchartsReact from "highcharts-react-official"; +import { fileContent } from "./SingleFileUpload"; + +require("highcharts/modules/accessibility")(Highcharts); +require("highcharts/modules/exporting")(Highcharts); +require("highcharts/modules/export-data")(Highcharts); export default function TestChart() { return diff --git a/src/data/clockify_data1.js b/src/data/clockify_data1.js index a2b3aa4..f72642e 100644 --- a/src/data/clockify_data1.js +++ b/src/data/clockify_data1.js @@ -3819,7 +3819,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -4161,7 +4161,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -4370,7 +4370,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -4446,7 +4446,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -4465,7 +4465,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -4484,7 +4484,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -4503,7 +4503,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -4807,7 +4807,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -4959,7 +4959,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -5035,7 +5035,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -5054,7 +5054,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -5092,7 +5092,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -5111,7 +5111,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -5149,7 +5149,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -5168,7 +5168,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lecture", + Project: "CPS-Lecture", Client: "", Description: "", Task: "", @@ -5206,7 +5206,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -5225,7 +5225,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -5244,7 +5244,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -5472,7 +5472,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -5491,7 +5491,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -5643,7 +5643,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -5719,7 +5719,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -5776,7 +5776,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -6042,7 +6042,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -6118,7 +6118,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -6156,7 +6156,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -6175,7 +6175,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -6194,7 +6194,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -6251,7 +6251,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -6270,7 +6270,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -6327,7 +6327,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -6346,7 +6346,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lecture", + Project: "CPS-Lecture", Client: "", Description: "", Task: "", @@ -6365,7 +6365,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lecture", + Project: "CPS-Lecture", Client: "", Description: "", Task: "", @@ -6384,7 +6384,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -6403,7 +6403,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lecture", + Project: "CPS-Lecture", Client: "", Description: "", Task: "", @@ -6422,7 +6422,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lecture", + Project: "CPS-Lecture", Client: "", Description: "", Task: "", @@ -7106,7 +7106,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -7125,7 +7125,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -7144,7 +7144,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -7239,7 +7239,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -7258,7 +7258,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -7277,7 +7277,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -7296,7 +7296,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -7315,7 +7315,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -7334,7 +7334,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -7353,7 +7353,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -7429,7 +7429,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -7448,7 +7448,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -7486,7 +7486,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -7505,7 +7505,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -7543,7 +7543,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -7581,7 +7581,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -7600,7 +7600,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -7619,7 +7619,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lecture", + Project: "CPS-Lecture", Client: "", Description: "", Task: "", @@ -7638,7 +7638,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -7657,7 +7657,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -7676,7 +7676,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lecture", + Project: "CPS-Lecture", Client: "", Description: "", Task: "", @@ -7695,7 +7695,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lecture", + Project: "CPS-Lecture", Client: "", Description: "", Task: "", @@ -7771,7 +7771,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -7790,7 +7790,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -7809,7 +7809,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -7828,7 +7828,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -7847,7 +7847,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -7866,7 +7866,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -7885,7 +7885,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -7999,7 +7999,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -8018,7 +8018,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -8037,7 +8037,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -8113,7 +8113,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -8474,7 +8474,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -8493,7 +8493,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -8512,7 +8512,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -8607,7 +8607,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -8626,7 +8626,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -8645,7 +8645,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -8664,7 +8664,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -8683,7 +8683,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -8721,7 +8721,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -8797,7 +8797,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -8816,7 +8816,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -8835,7 +8835,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -8854,7 +8854,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lecture", + Project: "CPS-Lecture", Client: "", Description: "", Task: "", @@ -8873,7 +8873,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lecture", + Project: "CPS-Lecture", Client: "", Description: "", Task: "", @@ -8892,7 +8892,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -8968,7 +8968,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lecture", + Project: "CPS-Lecture", Client: "", Description: "", Task: "", @@ -8987,7 +8987,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lecture", + Project: "CPS-Lecture", Client: "", Description: "", Task: "", @@ -9063,7 +9063,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -9671,7 +9671,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -9690,7 +9690,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -9728,7 +9728,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -9766,7 +9766,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -10089,7 +10089,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -10184,7 +10184,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -10203,7 +10203,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -10222,7 +10222,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -10241,7 +10241,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -10260,7 +10260,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -10279,7 +10279,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -10469,7 +10469,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -10488,7 +10488,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lecture", + Project: "CPS-Lecture", Client: "", Description: "", Task: "", @@ -10507,7 +10507,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lecture", + Project: "CPS-Lecture", Client: "", Description: "", Task: "", @@ -10526,7 +10526,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -10545,7 +10545,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lecture", + Project: "CPS-Lecture", Client: "", Description: "", Task: "", @@ -10564,7 +10564,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lecture", + Project: "CPS-Lecture", Client: "", Description: "", Task: "", @@ -11248,7 +11248,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -11267,7 +11267,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -11286,7 +11286,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -11305,7 +11305,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -11400,7 +11400,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lecture", + Project: "CPS-Lecture", Client: "", Description: "", Task: "", @@ -11438,7 +11438,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lab", + Project: "CPS-Lab", Client: "", Description: "", Task: "", @@ -11457,7 +11457,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "MDCS-Lecture", + Project: "CPS-Lecture", Client: "", Description: "", Task: "", @@ -13680,7 +13680,7 @@ export const clockifyDataSet1 = [ "Billable Amount (USD)": "0.00", }, { - Project: "", + Project: "Uni-Other", Client: "", Description: "", Task: "", diff --git a/src/index.css b/src/index.css index a1b3736..3f4fa2f 100644 --- a/src/index.css +++ b/src/index.css @@ -9,3 +9,36 @@ body { code { font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace; } + +.tutorialList { + list-style: none; +} + +.tutorialList li:before { + content: "→\00a0" !important; + float: left; +} + +.tutorialList li { + padding-left: 1em; + text-indent: -0.75em; +} + +ul { + list-style: none; +} + +li:before { + content: "" !important; + float: left; +} + +#visibilityButton { + margin: 24px auto 0 auto; +} + +#chartBtnBox { + width: 100%; + display: flex; + justify-content: center; +} \ No newline at end of file diff --git a/src/index.js b/src/index.js index 7fb50dd..12505d9 100644 --- a/src/index.js +++ b/src/index.js @@ -27,7 +27,7 @@ export default function App() {

How to upload a file:

-