Retrieve more question metadata & polish front-end connections

cron/update_questions.py

@@ -5,6 +5,7 @@
 from datetime import datetime
 
 LEETCODE_SESSION_TOKEN = os.environ.get("LEETCODE_SESSION_TOKEN")
+
 questions_file = os.getcwd() + "/src/data/questions.json"
 
 print("=== Reading questions file ===")
@@ -32,37 +33,44 @@
 
 api_instance = leetcode.DefaultApi(leetcode.ApiClient(configuration))
 
-for question in questions["data"]: 
+for question in questions["data"]:
     graphql_request = leetcode.GraphqlQuery(
         query='''query questionData($titleSlug: String!) {
             question(titleSlug: $titleSlug) {
+                title
                 difficulty
                 companyTagStats
+                isPaidOnly
             }
         }
         ''',
         variables=leetcode.GraphqlQueryGetQuestionDetailVariables(
-            title_slug=question["url"])
+            title_slug=question["slug"])
     )
 
     response = api_instance.graphql_post(body=graphql_request).to_dict()
 
+    leetcode_title = response["data"]["question"]["title"]
     leetcode_difficulty = response["data"]["question"]["difficulty"]
     leetcode_companies = json.loads(
         response["data"]["question"]["company_tag_stats"])["1"]
+    leetcode_premium = response["data"]["question"]["is_paid_only"]
 
     companies = []
 
     for leetcode_company in leetcode_companies:
         company = {
-            "name": leetcode_company["slug"],
+            "name": leetcode_company["name"],
+            "slug": leetcode_company["slug"],
             "frequency": leetcode_company["timesEncountered"]
         }
 
         companies.append(company)
 
+    question["title"] = leetcode_title
     question["difficulty"] = leetcode_difficulty
     question["companies"] = companies
+    question["premium"] = leetcode_premium
 
 print("=== Finished checking all questions ===")
 

src/components/Table/index.js

@@ -239,12 +239,12 @@ const Table = () => {
               return (
                 <NavLink
                   target="_blank"
-                  href={`https://leetcode.com/problems/${cellInfo.row.original.url}/`}
+                  href={`https://leetcode.com/problems/${cellInfo.row.original.slug}/`}
                   onClick={() => {
                     Event(
                       'Table',
-                      'Clicked question url',
-                      `${cellInfo.row.original.name} question url`,
+                      'Clicked question title',
+                      `${cellInfo.row.original.title} question title`,
                     );
                   }}
                 >
@@ -255,7 +255,7 @@ const Table = () => {
                   ) : (
                     ''
                   )}
-                  {cellInfo.row.original.name}
+                  {cellInfo.row.original.title}
                 </NavLink>
               );
             },
@@ -266,7 +266,7 @@ const Table = () => {
             accessor: 'solutions',
             disableSortBy: true,
             Cell: cellInfo => {
-              const url = `https://leetcode.com/problems/${cellInfo.row.original.url}/`;
+              const url = `https://leetcode.com/problems/${cellInfo.row.original.slug}/`;
               return (
                 <NavLink
                   target="_blank"
@@ -275,7 +275,7 @@ const Table = () => {
                     Event(
                       'Table',
                       'Clicked solution',
-                      `${cellInfo.row.original.name} solution`,
+                      `${cellInfo.row.original.slug} solution`,
                     );
                   }}
                 >
@@ -366,7 +366,7 @@ const Table = () => {
                   >
                     Companies{' '}
                     <span
-                      data-tip={`Companies retrieved from Leetcode Premium on ${month} ${day}, ${year}`}
+                      data-tip={`Companies retrieved from Leetcode Premium on ${month} ${day}, ${year} - thanks to @leo-step!`}
                     >
                       <FaQuestionCircle />
                     </span>
@@ -384,14 +384,15 @@ const Table = () => {
                 : -1;
             },
             Cell: cellInfo => {
+              const questionSlug = cellInfo.row.original.slug;
               const companies = cellInfo.row.original.companies.map(company => {
-                const infoText = `${company} (${company.frequency})`;
+                const tooltipText = `Asked by ${company.name} ${company.frequency} times`;
                 return (
                   <img
-                    key={company.name}
-                    src={`${iconPath}${company.name}.png`}
-                    alt={infoText}
-                    data-tip={infoText}
+                    key={`${questionSlug}-${company.name}`}
+                    src={`${iconPath}${company.slug}.png`}
+                    alt={company.name}
+                    data-tip={tooltipText}
                   />
                 );
               });