Show lock icon for Leetcode Premium questions (#19)

* Add lock icon to signify leetcode premium questions Fixes #11 * Add `Premium` field to each question This new field will represent whether or not a question requires leetcode premium to view, and also allow users to filter by all, premium, or free questions. * Move Premium to its own column
seanprashad · Jun 5, 2020 · 4af578f · 4af578f
1 parent ce12d85
commit 4af578f
Show file tree

Hide file tree

Showing 2 changed files with 188 additions and 1 deletion.
diff --git a/src/components/Table/index.js b/src/components/Table/index.js
@@ -8,7 +8,7 @@ import {
 } from 'reactstrap';
 import ReactTooltip from 'react-tooltip';
 import { useTable, useFilters, useSortBy } from 'react-table';
-import { FaQuestionCircle } from 'react-icons/fa';
+import { FaQuestionCircle, FaLock } from 'react-icons/fa';
 import { Event } from '../Shared/Tracking';
 
 import questionList from '../../data';
@@ -67,6 +67,22 @@ const Table = () => {
               );
             },
           },
+          {
+            id: 'Premium',
+            Cell: cellInfo => {
+              return (
+                <span>
+                  {cellInfo.row.original.premium ? (
+                    <span data-tip="Requires leetcode premium">
+                      <FaLock />{' '}
+                    </span>
+                  ) : (
+                    ''
+                  )}
+                </span>
+              );
+            },
+          },
           {
             Header: 'Name',
             accessor: 'name',