Use a better notation for exporting JS components and functions

ui/src/common/SizeField.js

@@ -1,22 +1,11 @@
 import React from 'react'
 import PropTypes from 'prop-types'
+import { formatBytes } from '../utils'
 
-const SizeField = ({ record = {}, source }) => {
+export const SizeField = ({ record = {}, source }) => {
   return <span>{formatBytes(record[source])}</span>
 }
 
-export const formatBytes = (bytes, decimals = 2) => {
-  if (bytes === 0) return '0 Bytes'
-
-  const k = 1024
-  const dm = decimals < 0 ? 0 : decimals
-  const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']
-
-  const i = Math.floor(Math.log(bytes) / Math.log(k))
-
-  return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + ' ' + sizes[i]
-}
-
 SizeField.propTypes = {
   label: PropTypes.string,
   record: PropTypes.object,
@@ -26,5 +15,3 @@ SizeField.propTypes = {
 SizeField.defaultProps = {
   addLabel: true,
 }
-
-export default SizeField