[FEQ] Farhan/FEQ-1738/SmartCharts: JS & CSS Cleanup

.eslintrc

@@ -40,7 +40,6 @@
         "import/prefer-default-export": 0,
         "jsx-a11y/no-static-element-interactions": 0,
         "array-callback-return": 0,
-        "react/prop-types": 0,
         "react/jsx-indent": 0,
         "key-spacing": 0,
         "object-curly-newline": 0,
@@ -77,7 +76,6 @@
         "prefer-destructuring": 0,
         "react/no-access-state-in-setstate": 2,
         "react/destructuring-assignment": 0,
-        "react/forbid-prop-types": 0,
         "react/jsx-props-no-multi-spaces": 0,
         "react/jsx-one-expression-per-line": 0,
         "lines-between-class-members": 0,

app/DateTimePicker/date-picker.scss

@@ -127,8 +127,7 @@
     .calendar-date-panel,
     .calendar-month-panel,
     .calendar-year-panel,
-    .calendar-decade-panel,
-    .calendar-century-panel {
+    .calendar-decade-panel {
         display: grid;
         grid-gap: 0.8rem 1.2rem;
         padding: 0.8rem 2rem;
@@ -139,8 +138,7 @@
         }
         &.calendar-month-panel,
         &.calendar-year-panel,
-        &.calendar-decade-panel,
-        &.calendar-century-panel {
+        &.calendar-decade-panel {
             grid-template-columns: repeat(3, minmax(7.2rem, 1fr));
             grid-auto-rows: minmax(4.2rem, auto);
         }
@@ -349,30 +347,6 @@
             margin: 0;
         }
     }
-    .picker-calendar-icon,
-    .close-circle-icon {
-        position: absolute;
-        right: 12px;
-        top: 50%;
-        transform: translateY(-50%);
-        transition: all 0.3s;
-        user-select: none;
-        opacity: 0;
-        pointer-events: none;
-        cursor: pointer;
-
-        &:before {
-            content: '';
-            display: block;
-            width: 14px;
-            height: 14px;
-            background-size: 14px 14px;
-        }
-        &.show {
-            opacity: 1;
-            pointer-events: auto;
-        }
-    }
     .datepicker-calendar {
         .calendar {
             top: 100%;

app/DateTimePicker/time-picker.scss

@@ -70,21 +70,6 @@
         &.from-right {
             right: 0;
         }
-        .time-picker-clear {
-            position: relative;
-            float: right;
-            display: none;
-            top: 1px;
-            width: 17px;
-            height: 17px;
-            cursor: pointer;
-
-            svg {
-                @include themify($themes) {
-                    fill: themed('ChartHistoryPickerTopColor');
-                }
-            }
-        }
         .time-picker-selector {
             display: flex;
             flex-direction: row;

app/connection/NetworkMonitor.ts

@@ -40,9 +40,6 @@ class NetworkMonitor {
                 this.establishConnection();
             });
             window.addEventListener('offline', () => this.setNetworkStatus('offline'));
-        } else {
-            // default to always online and fallback to WS checks
-            navigator.onLine = true;
         }
         this.setNetworkStatus(this.isOnline() ? 'blinking' : 'offline');
         return this.establishConnection();