Merge branch 'main' into alexey-log-label-filters

package.json

@@ -6,7 +6,7 @@
     "url": "git+ssh://[email protected]/metrico/cloki-view.git"
   },
   "author": "[email protected]",
-  "version": "0.4.4",
+  "version": "0.5.1",
   "private": false,
   "dependencies": {
     "@emotion/react": "^11.7.1",

src/actions/LoadLabels.js

@@ -45,7 +45,6 @@ export default function loadLabels(apiUrl) {
             }
 
         }
-
 
             }).catch(error => {
                 console.log(error)

src/actions/loadLabelValues.js

@@ -67,4 +67,4 @@ export default function loadLabelValues(label, labelList, apiUrl) {
     }
 
 
-}
+}

src/actions/loadLogs.js

@@ -103,7 +103,8 @@ export default function loadLogs() {
                     }
 
                     if (type === "matrix") {
-                        dispatch(setMatrixData(result || []));
+                        const idResult = result.map( m => ({...m,id:nanoid()}))
+                        dispatch(setMatrixData(idResult || []));
                         dispatch(setLoading(false));
                     }
                     dispatch(setLoading(false));

src/actions/setApiError.js

@@ -3,4 +3,4 @@ export const setApiError = (apiErrors) => (dispatch) => {
         type: 'SET_API_ERRORS',
         apiErrors
     })
-} 
+} 

src/actions/setApiUrl.js

@@ -3,4 +3,4 @@ export const setApiUrl = ( apiUrl ) => (dispatch) => {
         type: 'SET_API_URL',
         apiUrl:apiUrl.trim()
     })
-}
+}

src/actions/setIsSubmit.js

@@ -3,4 +3,4 @@ export const setIsSubmit = (isSubmit) => (dispatch)=>{
         type: 'SET_IS_SUBMIT',
         isSubmit
     })
-}
+}

src/actions/setLabelsBrowserOpen.js

@@ -3,4 +3,4 @@ export const setLabelsBrowserOpen = ( labelsBrowserOpen) => (dispatch) => {
         type: 'SET_BROWSER_OPEN',
         labelsBrowserOpen
     })
-}
+}

src/actions/setLoading.js

@@ -3,4 +3,4 @@ export default  (loading) => (dispatch) => {
         type: 'SET_LOADING',
        loading
     });
-}
+}

src/actions/setLogs.js

@@ -3,4 +3,4 @@ export default (logs) => (dispatch) => {
         type: 'SET_LOGS',
         logs
     });
-}
+}

src/actions/setMatrixData.js

@@ -5,4 +5,4 @@ const  setMatrixData = (matrixData) => (dispatch) => {
      })
 }
 
-export default setMatrixData;
+export default setMatrixData;

src/actions/setQuery.js

@@ -4,4 +4,3 @@
         query
     })
 }
-

src/actions/setQueryLimit.js

@@ -3,4 +3,4 @@ export const setQueryLimit = (limit) => (dispatch) => {
         type: 'SET_QUERY_LIMIT',
         limit
     });
-}
+}

src/actions/setQueryStep.js

@@ -3,4 +3,4 @@ export const setQueryStep = (step) => (dispatch)=>{
         type: 'SET_QUERY_STEP',
         step
     })
-}
+}

src/actions/setRangeOpen.js

@@ -3,4 +3,4 @@ export const setRangeOpen = ( rangeOpen ) => (dispatch) => {
         type: 'SET_RANGE_OPEN',
         rangeOpen
     })
-}
+}

src/actions/setStartTime.js

@@ -3,4 +3,4 @@ export const setStartTime = (start) => (dispatch) => {
         type: 'SET_START_TIME',
         start
     });
-}
+}

src/actions/setStopTime.js

@@ -3,4 +3,4 @@ export const setStopTime = (stop) => (dispatch) => {
         type: 'SET_STOP_TIME',
         stop
     });
-}
+}

src/actions/setTimeRangeLabel.js

@@ -3,4 +3,4 @@ export const setTimeRangeLabel = (label) => (dispatch) => {
         type: 'SET_TIME_RANGE_LABEL',
         label
     });
-}
+}

src/actions/setUrlQueryParams.js

@@ -4,4 +4,4 @@ export const setUrlQueryParams = (urlQueryParams) => (dispatch) => {
         urlQueryParams
 
     })
-}
+}

src/plugins/charts/ChartLabelList.js

@@ -27,29 +27,17 @@ const ChartLabel = styled("div")`
     font-family: sans-serif;
     display: flex;
     align-items: center;
-    margin: 2px;
-    padding: 4px;
+  
+    padding-right: 10px;
     cursor: pointer;
-    opacity: ${(props) => (!props.isVisible ? "1" : ".75")};
+    opacity: ${(props) => (!props.isVisible ? "1" : ".5")};
     border-radius: 3px;
     height:20px !important;
     &:hover {
         background: black;
     }
 `;
 
-const SearchButton = styled(FindReplaceIcon)`
-    color: orange;
-    font-size: 16px;
-    background: #222;
-    padding: 2px;
-    border-radius: 2px;
-    margin-left: 2px;
-    opacity: 0.5;
-    &:hover {
-        opacity: 1;
-    }
-`;
 
 const ColorLabel = styled("div")`
     height: 4px;