Improved VisitsTable performance by memoizing visits lists

src/utils/Message.js

@@ -35,8 +35,8 @@ const Message = ({ children, loading = false, noMargin = false, type = 'default'
       <Card className={cardClasses} body>
         <h3 className={classNames('text-center mb-0', getTextClassForType(type))}>
           {loading && <FontAwesomeIcon icon={preloader} spin />}
-          {loading && !children && <span className="ml-2">Loading...</span>}
-          {children}
+          {loading && <span className="ml-2">{children || 'Loading...'}</span>}
+          {!loading && children}
         </h3>
       </Card>
     </div>

src/utils/helpers/numbers.js

@@ -1,4 +1,8 @@
 const TEN_ROUNDING_NUMBER = 10;
 const { ceil } = Math;
 
+const formatter = new Intl.NumberFormat('en-US');
+
+export const prettify = (number) => formatter.format(number);
+
 export const roundTen = (number) => ceil(number / TEN_ROUNDING_NUMBER) * TEN_ROUNDING_NUMBER;