- The following sources were used in aggregating this question list: -
-
-
- );
- }
-}
-
-export default App;
diff --git a/src/components/Dark-Mode/index.js b/src/components/Dark-Mode/index.js
deleted file mode 100644
index 44378efc..00000000
--- a/src/components/Dark-Mode/index.js
+++ /dev/null
@@ -1,34 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import Toggle from 'react-toggle';
-
-const DarkMode = () => {
- const [darkMode, setDarkMode] = useState(() => {
- const savedMode = localStorage.getItem('darkMode');
- return savedMode ? JSON.parse(savedMode) : false;
- });
-
- const toggleDarkMode = () => {
- setDarkMode(prevMode => {
- const newMode = !prevMode;
- localStorage.setItem('darkMode', newMode);
- return newMode;
- });
- };
- useEffect(() => {
- document.body.className = darkMode ? 'dark-mode' : 'light-mode';
- }, [darkMode]);
-
- return (
-
-
-
- {pattern} : {patternsMap[pattern]}
-
-
- ))}
-
- ) : null;
-};
-
-PatternFrequencies.propTypes = {
- filters: PropTypes.arrayOf(
- PropTypes.shape({ id: PropTypes.string, value: PropTypes.string }),
- ).isRequired,
- rows: PropTypes.arrayOf(
- PropTypes.shape({
- original: PropTypes.shape({
- pattern: PropTypes.arrayOf(PropTypes.string),
- }),
- }),
- ).isRequired,
-};
-
-export default PatternFrequencies;
diff --git a/src/components/PatternFrequencies/styles.scss b/src/components/PatternFrequencies/styles.scss
deleted file mode 100644
index 7276352b..00000000
--- a/src/components/PatternFrequencies/styles.scss
+++ /dev/null
@@ -1,11 +0,0 @@
-.pattern-count {
- padding: 0.75em;
-
- h5 {
- font-weight: bold;
- }
-
- .badge {
- margin: 0.25em 0.25em;
- }
-}
diff --git a/src/components/Shared/Tracking/index.js b/src/components/Shared/Tracking/index.js
deleted file mode 100644
index 8ca524ec..00000000
--- a/src/components/Shared/Tracking/index.js
+++ /dev/null
@@ -1,20 +0,0 @@
-import ReactGA from 'react-ga4';
-
-const initGA = (trackingID, options) => {
- ReactGA.initialize([
- {
- trackingId: trackingID,
- gaOptions: { ...options },
- },
- ]);
-};
-
-const Event = (category, action, label) => {
- ReactGA.event({
- category,
- action,
- label,
- });
-};
-
-export { initGA, Event };
diff --git a/src/components/Table/filters.js b/src/components/Table/filters.js
deleted file mode 100644
index 5f9c2284..00000000
--- a/src/components/Table/filters.js
+++ /dev/null
@@ -1,78 +0,0 @@
-import React from 'react';
-
-function CreateDropDownListHelper(options, filterValue, setFilter, id) {
- return (
-
- );
-}
-
-export function DefaultColumnFilter({
- // eslint-disable-next-line react/prop-types
- column: { filterValue, preFilteredRows, setFilter },
-}) {
- // eslint-disable-next-line react/prop-types
- const count = preFilteredRows.length;
-
- return (
- {
- setFilter(e.target.value || '');
- }}
- placeholder={`Search ${count} questions`}
- />
- );
-}
-
-export function SelectDifficultyColumnFilter({
- column: { filterValue, setFilter, id },
-}) {
- const options = ['Easy', 'Medium', 'Hard'];
-
- return CreateDropDownListHelper(options, filterValue, setFilter, id);
-}
-
-export function SelectColumnFilter({
- column: { filterValue, setFilter, preFilteredRows, id },
-}) {
- const options = React.useMemo(() => {
- const set = new Set();
-
- preFilteredRows.forEach(row => {
- const values = String(row.values[id]).split(',');
-
- values.forEach(value => {
- set.add(value);
- });
- });
-
- return [...set.values()].sort();
- }, [id, preFilteredRows]);
-
- return CreateDropDownListHelper(options, filterValue, setFilter, id);
-}
-
-export function SelectCheckedColumnFilter({
- column: { filterValue, setFilter, id, filterByCheckbox },
-}) {
- const options = ['Checked', 'Unchecked'];
- const filter = val => {
- setFilter(val);
- filterByCheckbox();
- };
-
- return CreateDropDownListHelper(options, filterValue, filter, id);
-}
diff --git a/src/components/Table/index.js b/src/components/Table/index.js
deleted file mode 100644
index 39125efa..00000000
--- a/src/components/Table/index.js
+++ /dev/null
@@ -1,618 +0,0 @@
-/* eslint-disable react/jsx-props-no-spreading */
-import React, { useState, useEffect } from 'react';
-import PropTypes from 'prop-types';
-import {
- Table as ReactTable,
- Container,
- Row,
- Badge,
- Progress,
- NavLink,
- Button,
- Modal,
- ModalHeader,
- ModalFooter,
-} from 'reactstrap';
-import Toggle from 'react-toggle';
-import ReactTooltip from 'react-tooltip';
-import { PieChart } from 'react-minimal-pie-chart';
-import { useTable, useFilters, useSortBy } from 'react-table';
-import {
- FaLock,
- FaExternalLinkAlt,
- FaRandom,
- FaQuestionCircle,
-} from 'react-icons/fa';
-import {
- DefaultColumnFilter,
- SelectDifficultyColumnFilter,
- SelectColumnFilter,
- SelectCheckedColumnFilter,
-} from './filters';
-import { Event } from '../Shared/Tracking';
-
-import questions, { updated } from '../../data';
-
-import 'react-toggle/style.css';
-import './styles.scss';
-import PatternFrequencies from '../PatternFrequencies';
-
-const iconPath = `${process.env.PUBLIC_URL}/static/icons/`;
-
-const Table = () => {
- const [resetCount, setResetCount] = useState(0);
- let checkedList =
- JSON.parse(localStorage.getItem('checked')) ||
- new Array(questions.length).fill(false);
-
- let checkedAtList =
- JSON.parse(localStorage.getItem('checkedAt')) ||
- new Array(questions.length).fill('');
-
- /* If the user has previously visited the website, then an array in
- LocalStorage would exist of a certain length which corresponds to which
- questions they have/have not completed. In the event that we add new questions
- to the list, then we would need to resize and copy the existing 'checked'
- array before updating it in LocalStorage in order to transfer their saved
- progress. */
- if (checkedList.length !== questions.length) {
- const resizedCheckedList = new Array(questions.length).fill(false);
-
- for (let i = 0; i < checkedList.length; i += 1) {
- resizedCheckedList[i] = checkedList[i];
- }
-
- checkedList = resizedCheckedList;
- window.localStorage.setItem('checked', JSON.stringify(checkedList));
- }
-
- if (checkedAtList.length !== questions.length) {
- const resizedCheckedAtList = new Array(questions.length).fill('');
-
- for (let i = 0; i < checkedAtList.length; i += 1) {
- resizedCheckedAtList[i] = checkedAtList[i];
- }
-
- checkedAtList = resizedCheckedAtList;
- window.localStorage.setItem('checkedAt', JSON.stringify(checkedAtList));
- }
-
- const filteredByCheckbox = () => {
- const checkbox = localStorage.getItem('checkbox') || '';
- return questions.filter(question => {
- if (!checkbox) return true;
- return question.checkbox === checkbox;
- });
- };
-
- for (let i = 0; i < questions.length; i += 1) {
- if (checkedList[questions[i].id]) {
- questions[i].checkbox = 'Checked';
- } else {
- questions[i].checkbox = 'Unchecked';
- }
- }
-
- const difficultyMap = { Easy: 0, Medium: 0, Hard: 0, Total: 0 };
- const totalDifficultyCount = {
- Easy: 0,
- Medium: 0,
- Hard: 0,
- Total: questions.length,
- };
- for (let i = 0; i < questions.length; i += 1) {
- difficultyMap[questions[i].difficulty] += checkedList[questions[i].id];
- difficultyMap.Total += checkedList[questions[i].id];
- totalDifficultyCount[questions[i].difficulty] += 1;
- }
-
- const [checkedAt, setCheckedAt] = useState(checkedAtList);
- const [data, setData] = useState(filteredByCheckbox());
- const [difficultyCount, setDifficultyCount] = useState(difficultyMap);
- const [checked, setChecked] = useState(checkedList);
- const [showPatterns, setShowPatterns] = useState(
- JSON.parse(localStorage.getItem('showPatterns')) || new Array(1).fill(true),
- );
-
- useEffect(() => {
- window.localStorage.setItem('checked', JSON.stringify(checked));
- }, [checked]);
-
- useEffect(() => {
- window.localStorage.setItem('checkedAt', JSON.stringify(checkedAt));
- }, [checkedAt]);
-
- useEffect(() => {
- window.localStorage.setItem('showPatterns', JSON.stringify(showPatterns));
- }, [showPatterns]);
-
- const defaultColumn = React.useMemo(
- () => ({
- Filter: DefaultColumnFilter,
- minWidth: 30,
- maxWidth: 30,
- }),
- [],
- );
-
- const resetHandler = () => {
- setChecked(new Array(checked.length).fill(false));
- setDifficultyCount(() => {
- return { Easy: 0, Medium: 0, Hard: 0, Total: 0 };
- });
- const count = resetCount + 1;
- setResetCount(count);
- };
-
- const columns = React.useMemo(
- () => [
- {
- Header: 'Leetcode Patterns',
- columns: [
- {
- Header: () => {
- const [resetModal, setResetModal] = React.useState(false);
- const toggleResetModal = () => {
- setResetModal(!resetModal);
- const clearedCheckedAt = checkedAt.map(() => null);
- setCheckedAt(clearedCheckedAt);
- };
-
- return (
-
- Problems pattern frequency
- {sortedPatternsByFrequency.map((pattern, index) => ( -
-
-
- Questions{' '}
-
-
-
- );
- },
- accessor: 'questions',
- disableSortBy: true,
- Cell: cellInfo => {
- return (
-
- Companies{' '}
-
-
-
- );
- },
- accessor: 'companyNames',
- sortType: (a, b) => {
- if (a.original.companies.length === b.original.companies.length) {
- return 0;
- }
- return a.original.companies.length > b.original.companies.length
- ? 1
- : -1;
- },
- Cell: cellInfo => {
- const questionSlug = cellInfo.row.original.slug;
- const companies = cellInfo.row.original.companies.map(company => {
- const tooltipText = `Asked by ${company.name} ${company.frequency} times`;
- return (
- 
- );
- });
-
- return
- {checkedAt[cellInfo.row.original.id]}
-
- );
- },
- disableFilters: true,
- },
- ],
- },
- ],
- // eslint-disable-next-line
- [resetCount],
- );
-
- const {
- getTableProps,
- getTableBodyProps,
- headerGroups,
- filteredRows,
- state: { filters },
- rows,
- prepareRow,
- } = useTable(
- {
- columns,
- data,
- defaultColumn,
- initialState: {
- filters: [
- {
- id: 'checkbox',
- value: localStorage.getItem('checkbox') || '',
- },
- {
- id: 'difficulty',
- value: localStorage.getItem('difficulty') || '',
- },
- {
- id: 'pattern',
- value: localStorage.getItem('pattern') || '',
- },
- {
- id: 'companyNames',
- value: localStorage.getItem('companyNames') || '',
- },
- ],
- },
- },
- useFilters,
- useSortBy,
- );
-
- return (
-
- {column.render('Header')}
- {/* eslint-disable-next-line no-nested-ternary */}
- {column.isSorted
- ? column.isSortedDesc
- ? ' 🔽'
- : ' 🔼'
- : ''}
-
- {column.canFilter ? column.render('Filter') : null}
-
-
- );
-};
-
-ProgressBar.propTypes = {
- name: PropTypes.string.isRequired,
- value: PropTypes.number.isRequired,
- total: PropTypes.number.isRequired,
- className: PropTypes.string,
- barClassName: PropTypes.string,
-};
-
-ProgressBar.defaultProps = {
- className: 'progress-bar-sm',
- barClassName: null,
-};
-
-export default Table;
diff --git a/src/components/Table/styles.scss b/src/components/Table/styles.scss
deleted file mode 100644
index 5c566b27..00000000
--- a/src/components/Table/styles.scss
+++ /dev/null
@@ -1,125 +0,0 @@
-body.light-mode .table {
- background-color: #ffffff;
- color: #000000;
-}
-body.light-mode .table thead > tr th {
- background-color: #ffffff;
-}
-body.light-mode .pattern-count {
- background-color: #ffffff;
- color: #000000;
-}
-body.light-mode .table tr:nth-child(odd) {
- background-color: #f1f2f4;
-}
-body.light-mode .table tr:nth-child(even) {
- background-color: #ffffff;
-}
-body.light-mode .table tbody tr:hover {
- background-color: #dcdfe4;
- color: #000000;
-}
-
-body.dark-mode .table {
- background-color: #161a1d;
- color: #ffffff;
-}
-body.dark-mode .table thead > tr th {
- background-color: #161a1d;
-}
-body.dark-mode .pattern-count {
- background-color: #161a1d;
- color: #ffffff;
-}
-body.dark-mode .table tr:nth-child(odd) {
- background-color: #22272b;
-}
-body.dark-mode .table tr:nth-child(even) {
- background-color: #161a1d;
-}
-body.dark-mode .table tbody tr:hover {
- background-color: #101214;
- color: #ffffff;
-}
-body.dark-mode .modal-content {
- background-color: #1d2125;
- color: #ffffff;
- .close {
- color: #ffffff;
- }
-}
-
-.table {
- .row {
- justify-content: center;
- }
-
- thead {
- > tr:first-child {
- display: none;
- }
-
- > tr th {
- background: white;
- position: sticky;
- top: 50px;
- text-wrap: nowrap;
- }
- }
-
- .nav-link {
- padding: 0;
- }
-
- #difficultyProgress {
- margin-bottom: 25px;
- font-size: 11.5px;
- }
-
- #difficultyProgress > div:nth-child(n + 2) {
- margin-top: 12px;
- }
-
- .progress-pie {
- height: 75px;
- }
-
- .progress-bar-sm {
- height: 5px;
- }
-
- .easy {
- background-color: #5cb85c;
- }
-
- .medium {
- background-color: #f0ad4e;
- }
-
- .hard {
- background-color: #d9534f;
- }
-
- .companies,
- .patterns {
- justify-content: space-evenly;
- margin: 0;
- }
-
- .companies img {
- padding: 5px;
- }
-
- .react-toggle {
- top: 7px;
- }
-
- .reset-button {
- margin-top: 10px;
- margin-bottom: 10px;
- font-size: 0.7rem;
- }
- .lastSolvedOn {
- text-wrap: nowrap;
- }
-}
diff --git a/src/components/Tabs/index.js b/src/components/Tabs/index.js
deleted file mode 100644
index aac5ef3c..00000000
--- a/src/components/Tabs/index.js
+++ /dev/null
@@ -1,78 +0,0 @@
-import React, { useState } from 'react';
-import {
- TabContent,
- TabPane,
- Nav,
- NavItem,
- NavLink,
- Container,
-} from 'reactstrap';
-import classnames from 'classnames';
-import { Event } from '../Shared/Tracking';
-
-import Table from '../Table';
-import Tips from '../Tips';
-import Acknowledgements from '../Acknowledgements';
-
-import './styles.scss';
-
-const Tabs = () => {
- const [activeTab, setActiveTab] = useState('1');
-
- const toggle = tab => {
- if (activeTab !== tab) setActiveTab(tab);
- };
-
- return (
-
-
-
- {name}
-
- {value}/{total}
-
- `-`` all receive top and bottom margins. We nuke the top\n// margin for easier control within type scales as it avoids margin collapsing.\n// stylelint-disable-next-line selector-list-comma-newline-after\nh1, h2, h3, h4, h5, h6 {\n margin-top: 0;\n margin-bottom: $headings-margin-bottom;\n}\n\n// Reset margins on paragraphs\n//\n// Similarly, the top margin on `
`s get reset. However, we also reset the\n// bottom margin to use `rem` units instead of `em`.\np {\n margin-top: 0;\n margin-bottom: $paragraph-margin-bottom;\n}\n\n// Abbreviations\n//\n// 1. Duplicate behavior to the data-* attribute for our tooltip plugin\n// 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n// 3. Add explicit cursor to indicate changed behavior.\n// 4. Remove the bottom border in Firefox 39-.\n// 5. Prevent the text-decoration to be skipped.\n\nabbr[title],\nabbr[data-original-title] { // 1\n text-decoration: underline; // 2\n text-decoration: underline dotted; // 2\n cursor: help; // 3\n border-bottom: 0; // 4\n text-decoration-skip-ink: none; // 5\n}\n\naddress {\n margin-bottom: 1rem;\n font-style: normal;\n line-height: inherit;\n}\n\nol,\nul,\ndl {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n margin-bottom: 0;\n}\n\ndt {\n font-weight: $dt-font-weight;\n}\n\ndd {\n margin-bottom: .5rem;\n margin-left: 0; // Undo browser default\n}\n\nblockquote {\n margin: 0 0 1rem;\n}\n\nb,\nstrong {\n font-weight: $font-weight-bolder; // Add the correct font weight in Chrome, Edge, and Safari\n}\n\nsmall {\n @include font-size(80%); // Add the correct font size in all browsers\n}\n\n//\n// Prevent `sub` and `sup` elements from affecting the line height in\n// all browsers.\n//\n\nsub,\nsup {\n position: relative;\n @include font-size(75%);\n line-height: 0;\n vertical-align: baseline;\n}\n\nsub { bottom: -.25em; }\nsup { top: -.5em; }\n\n\n//\n// Links\n//\n\na {\n color: $link-color;\n text-decoration: $link-decoration;\n background-color: transparent; // Remove the gray background on active links in IE 10.\n\n @include hover() {\n color: $link-hover-color;\n text-decoration: $link-hover-decoration;\n }\n}\n\n// And undo these styles for placeholder links/named anchors (without href).\n// It would be more straightforward to just use a[href] in previous block, but that\n// causes specificity issues in many other styles that are too complex to fix.\n// See https://github.com/twbs/bootstrap/issues/19402\n\na:not([href]):not([class]) {\n color: inherit;\n text-decoration: none;\n\n @include hover() {\n color: inherit;\n text-decoration: none;\n }\n}\n\n\n//\n// Code\n//\n\npre,\ncode,\nkbd,\nsamp {\n font-family: $font-family-monospace;\n @include font-size(1em); // Correct the odd `em` font sizing in all browsers.\n}\n\npre {\n // Remove browser default top margin\n margin-top: 0;\n // Reset browser default of `1em` to use `rem`s\n margin-bottom: 1rem;\n // Don't allow content to break outside\n overflow: auto;\n // Disable auto-hiding scrollbar in IE & legacy Edge to avoid overlap,\n // making it impossible to interact with the content\n -ms-overflow-style: scrollbar;\n}\n\n\n//\n// Figures\n//\n\nfigure {\n // Apply a consistent margin strategy (matches our type styles).\n margin: 0 0 1rem;\n}\n\n\n//\n// Images and content\n//\n\nimg {\n vertical-align: middle;\n border-style: none; // Remove the border on images inside links in IE 10-.\n}\n\nsvg {\n // Workaround for the SVG overflow bug in IE10/11 is still required.\n // See https://github.com/twbs/bootstrap/issues/26878\n overflow: hidden;\n vertical-align: middle;\n}\n\n\n//\n// Tables\n//\n\ntable {\n border-collapse: collapse; // Prevent double borders\n}\n\ncaption {\n padding-top: $table-cell-padding;\n padding-bottom: $table-cell-padding;\n color: $table-caption-color;\n text-align: left;\n caption-side: bottom;\n}\n\n// 1. Removes font-weight bold by inheriting\n// 2. Matches default `