feat!: implement commentsEnabledUntil config

BREAKING CHANGE: The `projectInformation.newCommentsOpenUtil` config value has been renamed to `commentsEnabledUntil`.

Fixes #66

public/config.json

@@ -173,7 +173,7 @@
       "personName": "PersonName",
       "personOrg": "PersonOrg"
     },
-    "newCommentsOpenUntil": "9999-01-31T00:00:00.000Z"
+    "commentsEnabledUntil": "2030-01-31T00:00:00.000Z"
   },
   "sherlock": {
     "placeHolder": "trans:searchPlaceholder",

public/config.schema.json

@@ -330,7 +330,7 @@
       "description": "Configuration options for the project information widget",
       "type": "object",
       "additionalProperties": false,
-      "required": ["commentsEnabled", "commentsTableUrl", "fieldNames", "newCommentsOpenUntil"],
+      "required": ["commentsEnabled", "commentsTableUrl", "fieldNames", "commentsEnabledUntil"],
       "properties": {
         "commentsEnabled": {
           "title": "Comments Enabled",
@@ -379,9 +379,9 @@
             }
           }
         },
-        "newCommentsOpenUntil": {
-          "title": "New Comments Open Until",
-          "description": "The date after which new comments will no longer be accepted.",
+        "commentsEnabledUntil": {
+          "title": "Comments Enabled Until",
+          "description": "The date after which comments will be shown.",
           "type": "string"
         }
       }

src/components/Details.jsx

@@ -48,18 +48,22 @@ export default function Details({ graphic, highlightGraphic }) {
     };
   }, [graphic]);
 
+  const showComments =
+    config.projectInformation.commentsEnabled &&
+    featureWidgetGraphic &&
+    new Date() < new Date(config.projectInformation.commentsEnabledUntil) &&
+    Object.keys(featureWidgetGraphic.attributes).some((name) => name === config.projectInformation.fieldNames.globalId);
+
   return (
     <div className="details" onMouseEnter={() => highlightGraphic(graphic)} onMouseLeave={() => highlightGraphic()}>
       <div className="title" onClick={toggle}>
         {title}
       </div>
       <Collapse isOpen={!collapsed}>
         <div ref={containerRef}></div>
-        {config.projectInformation.commentsEnabled &&
-          featureWidgetGraphic &&
-          Object.keys(featureWidgetGraphic.attributes).some(
-            (name) => name === config.projectInformation.fieldNames.globalId
-          ) && <Comments globalId={featureWidgetGraphic.attributes[config.projectInformation.fieldNames.globalId]} />}
+        {showComments && (
+          <Comments globalId={featureWidgetGraphic.attributes[config.projectInformation.fieldNames.globalId]} />
+        )}
       </Collapse>
     </div>
   );