update local (#55177)

shahzad31 · shahzad31 · commit bf0342eff91f · 2020-01-20T15:06:39.000+01:00
diff --git a/x-pack/legacy/plugins/uptime/public/components/functional/location_map/location_status_tags.tsx b/x-pack/legacy/plugins/uptime/public/components/functional/location_map/location_status_tags.tsx
@@ -66,44 +66,57 @@ export const LocationStatusTags = ({ locations }: Props) => {
     return a.label > b.label ? 1 : b.label > a.label ? -1 : 0;
   });
 
-  moment.updateLocale('en', {
-    relativeTime: {
-      future: 'in %s',
-      past: '%s ago',
-      s: '%ds',
-      ss: '%ss',
-      m: '%dm',
-      mm: '%dm',
-      h: '%dh',
-      hh: '%dh',
-      d: '%dd',
-      dd: '%dd',
-      M: '%d Mon',
-      MM: '%d Mon',
-      y: '%d Yr',
-      yy: '%d Yr',
-    },
-  });
+  const tagLabel = (item: StatusTag, ind: number, color: string) => {
+    return (
+      <BadgeItem key={ind}>
+        <EuiBadge color={color}>
+          <EuiText size="m">
+            <TextStyle>{item.label}</TextStyle>
+          </EuiText>
+        </EuiBadge>
+        <TimeStampSpan>
+          <EuiText color="subdued">{moment(item.timestamp).fromNow()}</EuiText>
+        </TimeStampSpan>
+      </BadgeItem>
+    );
+  };
 
-  const tagLabel = (item: StatusTag, ind: number, color: string) => (
-    <BadgeItem key={ind}>
-      <EuiBadge color={color}>
-        <EuiText size="m">
-          <TextStyle>{item.label}</TextStyle>
-        </EuiText>
-      </EuiBadge>
-      <TimeStampSpan>
-        <EuiText color="subdued">{moment(item.timestamp).fromNow()}</EuiText>
-      </TimeStampSpan>
-    </BadgeItem>
-  );
+  const prevLocal: string = moment.locale() ?? 'en';
 
-  return (
-    <>
+  const renderTags = () => {
+    moment.defineLocale('en-tag', {
+      relativeTime: {
+        future: 'in %s',
+        past: '%s ago',
+        s: '%ds',
+        ss: '%ss',
+        m: '%dm',
+        mm: '%dm',
+        h: '%dh',
+        hh: '%dh',
+        d: '%dd',
+        dd: '%dd',
+        M: '%d Mon',
+        MM: '%d Mon',
+        y: '%d Yr',
+        yy: '%d Yr',
+      },
+    });
+    const tags = (
       <TagContainer>
         <span>{downLocations.map((item, ind) => tagLabel(item, ind, danger))}</span>
         <span>{upLocations.map((item, ind) => tagLabel(item, ind, gray))}</span>
       </TagContainer>
+    );
+
+    // Need to reset locale so it doesn't effect other parts of the app
+    moment.locale(prevLocal);
+    return tags;
+  };
+
+  return (
+    <>
+      {renderTags()}
       {locations.length > 7 && (
         <OtherLocationsDiv>
           <EuiText color="subdued">
