dce-reactkit 3.2.2-beta.10 → 3.2.2-beta.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dce-reactkit",
-  "version": "3.2.2-beta.10",
+  "version": "3.2.2-beta.12",
   "description": "Shared components for Harvard DCE apps",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",

package/src/components/LogReviewer.tsx

@@ -622,7 +622,7 @@ const LogReviewer: React.FC<Props> = (props) => {
     let month = newDateFilterState.startDate.month;
     while (
       // Earlier year
-      (year <= newDateFilterState.endDate.year)
+      (year < newDateFilterState.endDate.year)
       // Current year but included month
       || (
         year === newDateFilterState.endDate.year
@@ -868,6 +868,7 @@ const LogReviewer: React.FC<Props> = (props) => {
               year={dateFilterState.startDate.year}
               month={dateFilterState.startDate.month}
               day={dateFilterState.startDate.day}
+              chooseFromPast
               onChange={(month, day, year) => {
                 dispatch({
                   type: ActionType.UpdateDateFilterState,
@@ -887,6 +888,7 @@ const LogReviewer: React.FC<Props> = (props) => {
               year={dateFilterState.endDate.year}
               month={dateFilterState.endDate.month}
               day={dateFilterState.endDate.day}
+              chooseFromPast
               onChange={(month, day, year) => {
                 dispatch({
                   type: ActionType.UpdateDateFilterState,
@@ -2045,7 +2047,9 @@ const LogReviewer: React.FC<Props> = (props) => {
     body = (
       <>
         {filters}
-        {dataTable}
+        <div className="mt-2">
+          {dataTable}
+        </div>
       </>
     );
   }
@@ -2064,16 +2068,18 @@ const LogReviewer: React.FC<Props> = (props) => {
               Log Review Dashboard
             </h3>
           </div>
-          <button
-            type="button"
-            className="LogReviewer-header-close-button btn btn-dark btn-lg"
-            aria-label="close log reviewer panel"
-            onClick={onClose}
-          >
-            <FontAwesomeIcon
-              icon={faTimes}
-            />
-          </button>
+          <div style={{ width: 0 }}>
+            <button
+              type="button"
+              className="LogReviewer-header-close-button btn btn-dark btn-lg pe-0"
+              aria-label="close log reviewer panel"
+              onClick={onClose}
+            >
+              <FontAwesomeIcon
+                icon={faTimes}
+              />
+            </button>
+          </div>
         </div>
         <div className="LogReviewer-contents">
           {body}