From 4cb6a9ac2bab28b6d1bd325fbaed11cb2ab88978 Mon Sep 17 00:00:00 2001
From: Sungwoo Kim <iam@sung-woo.kim>
Date: Sun, 11 Aug 2024 22:44:13 -0400
Subject: [PATCH] add comments

---
 src/App.js                       |  4 ++--
 src/components/ConferenceTree.js |  6 +++---
 src/conferences.js               | 11 ++++++++++-
 3 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/src/App.js b/src/App.js
index 272d016211..bb8d3e5072 100644
--- 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
index 4a7193ee34..0c3a027e26 100644
--- 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
index f878dcbaaa..930240b496 100644
--- 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
\ No newline at end of file
+export {
+  conferences,
+  comments
+}
\ No newline at end of file