RI-5934 code prettify

Author: kchepikava

redisinsight/ui/src/pages/settings/components/general-settings/datetime-formatter/DateTimeFormatter.tsx

@@ -92,7 +92,7 @@ const DateTimeFormatter = () => {
   }
 
   const showError = !!error || !formik.values.customFormat
-  const getBtnIconType = () => (showError ? 'iInCircle' : saveFormatSucceed ? icheck : undefined)
+  const getBtnIconType = () => (showError ? 'iInCircle' : (saveFormatSucceed ? icheck : undefined))
 
   const handleFormatCheck = (format = formik.values.format, timezone = formik.values.timezone) => {
     const { valid, error: errorMsg } = checkDateTimeFormat(format, timezone)
@@ -186,7 +186,7 @@ const DateTimeFormatter = () => {
           <div className={styles.radioLabelTextContainer}>
             <EuiText color="subdued" className={styles.radioLabelText}>Custom</EuiText>
           </div>
-          {formik.values.selectedRadioOption === DatetimeRadioOption.Custom ? (
+          {formik.values.selectedRadioOption === DatetimeRadioOption.Custom && (
             <>
               <EuiFieldText
                 className={styles.datetimeInput}
@@ -216,7 +216,7 @@ const DateTimeFormatter = () => {
                 </EuiButton>
               </EuiToolTip>
             </>
-          ) : null}
+          )}
         </div>)
     }
   ]

redisinsight/ui/src/pages/settings/components/general-settings/datetime-formatter/styles.module.scss

@@ -37,7 +37,11 @@
 }
 
 .dateTimeSubtitle {
-  font: normal normal normal 14px/24px Graphik !important;
+  font-family: 'Graphik',san-serif !important;
+  font-weight: 400;
+  font-size: 13px;
+  line-height: 18px;
+  font-style: normal;
   letter-spacing: -0.14px;
 }
 
@@ -46,7 +50,7 @@
 }
 
 .preview {
-  font-family: SourceCodePro;
+  font-family: 'SourceCodePro',san-serif;
   font-size: 14px !important;
   font-weight: 400;
   line-height: 17.6px !important;

redisinsight/ui/src/utils/transformers/formatDate.ts

@@ -1,4 +1,4 @@
-import { addMilliseconds, format as formatDateFns, formatDistanceToNow, isValid } from 'date-fns'
+import { addMilliseconds, format as formatDateFns, formatDistanceToNow, isValid, isDate } from 'date-fns'
 import { format as formatDateTZ, toZonedTime } from 'date-fns-tz'
 import { DATETIME_FORMATTER_DEFAULT, TimezoneOption } from 'uiSrc/constants'
 import { truncateNumberToFirstUnit } from './truncateTTL'
@@ -85,7 +85,7 @@ export const formatTimestamp = (
   timezone: TimezoneOption = TimezoneOption.Local
 ): string => {
   try {
-    if ((value instanceof Date) && Object.prototype.toString.call(value) === '[object Date]') {
+    if (isDate(value)) {
       return formatDateInternal(value, format, timezone)
     }
     return formatStringTimestamp(value.toString(), format, timezone)