Added hide info - modal

Author: sergiu-ojoc

client/src/components/Timeseries/UploadEvents/UploadEvents.scss

@@ -15,6 +15,52 @@ button, input, div{
         cursor: pointer;
     }
 
+    .upload-info {
+        label{
+            cursor: pointer;
+            position: relative;
+            padding-left: 25px;
+
+            &:before, &:after {
+                position: absolute;
+            }
+
+            &:before{
+                content: "";
+                top: 2px;
+                left: 0px;
+                width: 12px;
+                height: 12px;
+                border: 1px solid #fff;
+            }
+
+            &:after {
+                font-size: 12px;
+                text-align: center;
+                content: "\2713";
+                line-height: 11px;
+                left: 2px;
+                top: 4px;
+                opacity: 0;
+                transition: all .2s ease-in-out;
+            }
+
+        }
+
+        input{
+            &[type="checkbox"] {
+                width: 0;
+                height: 0;
+                opacity: 0;
+                position: absolute;
+
+                &:checked + label:after {
+                    opacity: 1;
+                }
+            }
+        }
+    }
+
     .modal-footer{
         li{
             display: inline-block;
@@ -48,6 +94,7 @@ button, input, div{
             }
         }
     }
+
     pre{
         margin-top: 30px;
         background: $main-color !important;

client/src/components/Timeseries/UploadEvents/index.tsx

@@ -111,6 +111,10 @@ class UploadEvents extends Component<Props, State> {
             <div>
               <p>Your .JSON file should follow this example:</p>
               <SyntaxHighlighter style={dracula}>{codeString}</SyntaxHighlighter>
+              <div className="upload-info">
+                <input type="checkbox" id="hideInfo"></input>
+                <label htmlFor="hideInfo">Do not show me again</label>
+              </div>
             </div>
           );
         case 2: