Feroze Mohideen 2 лет назад
Родитель
Сommit
d7c45fa9e2

+ 19 - 0
dashboard/src/main/home/app-dashboard/expanded-app/metrics/MetricsSection.tsx

@@ -210,6 +210,9 @@ const MetricsSection: React.FunctionComponent<PropsType> = ({
               width="100%"
             />
           }
+          <Highlight color={"#7d7d81"} onClick={() => ({})}>
+            <i className="material-icons">autorenew</i>
+          </Highlight>
         </Flex>
         <RangeWrapper>
           <Relative>
@@ -316,3 +319,19 @@ const StyledMetricsSection = styled.div`
   flex-direction: column;
   position: relative;
 `;
+
+const Highlight = styled.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-left: 8px;
+  margin-bottom: 15px;
+  margin-top: 20px;
+  color: ${(props: { color: string }) => props.color};
+  cursor: pointer;
+
+  > i {
+    font-size: 20px;
+    margin-right: 3px;
+  }
+`;