add comments

swkim101 · Aug 12, 2024 · 4cb6a9a · 4cb6a9a
1 parent 8464f19
commit 4cb6a9a
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 6 deletions.
diff --git a/src/App.js b/src/App.js
@@ -1,5 +1,5 @@
 import * as api from './api';
-import conferences from './conferences';
+import { conferences } from './conferences';
 
 import { useEffect, useState } from 'react';
 import Paper from './components/Paper';
@@ -40,7 +40,7 @@ function App() {
       take: 20,
     }
     const [res, err] = await api.search(req)
-    if (!err) {
+    if (!err ) {
       setData(res.data || [])
       setTotal(res.total)
       setDuration(res.duration)

diff --git a/src/components/ConferenceTree.js b/src/components/ConferenceTree.js
@@ -1,5 +1,5 @@
 import { useEffect, useState } from 'react';
-import conferences from '../conferences';
+import { conferences, comments } from '../conferences';
 import { isEven } from '../functional';
 
 /**
@@ -44,7 +44,7 @@ function ConferenceTree(props) {
 
   return (
     <div>
-      {conferences.tree.name} [ <span onClick={() => setVenue([])} className='underline pointer'>off</span> | <span onClick={() => setVenue(conferences.flatten(conferences.tree))} className='underline pointer'>on</span> ]
+      {conferences.tree.name} (2018-2024) [ <span onClick={() => setVenue([])} className='underline pointer'>off</span> | <span onClick={() => setVenue(conferences.flatten(conferences.tree))} className='underline pointer'>on</span> ]
       {
         conferences.tree.children.map(d1 =>
           <div key={d1.name}>
@@ -68,7 +68,7 @@ function ConferenceTree(props) {
                 </div>
                 {isUnfolded(d2.name) && d2.children.map((d3, idx) =>
                   <div key={d3.name} className={`flex justify-between ${isEven(idx) && "bg-gray-100"}`}>
-                    <label htmlFor={d3.name}>{d3.name}</label>
+                    <label htmlFor={d3.name}>{d3.name}{comments[d3.name]}</label>
                     <input checked={venue.includes(d3.name)} onChange={e => addOrDelVenue(d3.name, e.target.checked)} type="checkbox" id={d3.name} />
                   </div>
                 )}

diff --git a/src/conferences.js b/src/conferences.js
@@ -58,6 +58,7 @@ const edges = [
   ["Software engineering", "ISSTA"],
 
   ["Systems", "Programming languages"],
+  ["Programming languages", "PACMPL"],
   ["Programming languages", "PLDI"],
 
   ["All Areas", "Theory"],
@@ -91,6 +92,11 @@ const edges = [
   ["Robotics", "RSS"],
 ]
 
+const comments = {
+  "PLDI": "(2018 - 2022)",
+  "SOSP": "(2017 - 2023), biyearly",
+}
+
 /**
  * Return leaves's names.
  * @typedef {{ name: string, children: [Tree] }} Tree
@@ -107,4 +113,7 @@ const conferences = {
   flatten,
 }
 
-export default conferences
+export {
+  conferences,
+  comments
+}