fix: formatBudget defined in two places (#578)

src/components/AddContentModal/BudgetStep/index.tsx

@@ -5,8 +5,7 @@ import CheckIcon from '~/components/Icons/CheckIcon'
 import { Flex } from '~/components/common/Flex'
 import { Text } from '~/components/common/Text'
 import { useUserStore } from '~/stores/useUserStore'
-import { colors } from '~/utils/colors'
-import { formatBudget } from './utils'
+import { colors, formatBudget } from '~/utils'
 
 type Props = {
   onClick: () => void

src/components/AddContentModal/LocationStep/index.tsx

@@ -5,7 +5,7 @@ import styled from 'styled-components'
 import { Flex } from '~/components/common/Flex'
 import { Text } from '~/components/common/Text'
 import { TextInput } from '~/components/common/TextInput'
-import { colors } from '~/utils/colors'
+import { colors } from '~/utils'
 import { FormData } from '..'
 import { validateLatitude, validateLongitude } from './utils'
 

src/components/AddContentModal/index.tsx

@@ -10,11 +10,7 @@ import { api } from '~/network/api'
 import { useModal } from '~/stores/useModalStore'
 import { useUserStore } from '~/stores/useUserStore'
 import { SubmitErrRes } from '~/types'
-import { colors } from '~/utils/colors'
-import { getLSat } from '~/utils/getLSat'
-import { payLsat } from '~/utils/payLsat'
-import { updateBudget } from '~/utils/setBudget'
-import { executeIfProd } from '~/utils/tests'
+import { colors, getLSat, payLsat, updateBudget, executeIfProd } from '~/utils'
 import { ToastMessage } from '../common/Toast/toastMessage'
 import { BudgetStep } from './BudgetStep'
 import { LocationStep } from './LocationStep'

src/components/AddSourceModal/BudgetStep/index.tsx

@@ -5,7 +5,7 @@ import CheckIcon from '~/components/Icons/CheckIcon'
 import { Flex } from '~/components/common/Flex'
 import { Text } from '~/components/common/Text'
 import { useUserStore } from '~/stores/useUserStore'
-import { colors } from '~/utils/colors'
+import { formatBudget, colors } from '~/utils'
 
 type Props = {
   onClick: () => void
@@ -14,18 +14,6 @@ type Props = {
 export const BudgetStep: FC<Props> = ({ onClick }) => {
   const [budget] = useUserStore((s) => [s.budget])
 
-  function formatBudget(value: number | null) {
-    if (value === null) {
-      return '?'
-    }
-
-    const stringBudget = value.toLocaleString()
-
-    const splittedBudget = stringBudget.split(',')
-
-    return splittedBudget.join(' ')
-  }
-
   return (
     <Flex>
       <Flex align="center" direction="row" justify="space-between" mb={20}>

src/utils/index.ts

@@ -0,0 +1,46 @@
+import { assertNever } from './assertNever'
+import { boost } from './boost'
+import { colors } from './colors'
+import { formatBudget } from './formatBudget'
+import { formatDescription } from './formatDescription'
+import { formatTimestamp } from './formatTimestamp'
+import { getLSat } from './getLSat'
+import { getSelectedNodeTimestamps } from './getSelectedNodeTimestamps'
+import { getSuperficialNodeWeight } from './getSuperficialNodeWeight'
+import { overrideConsole } from './logger'
+import { media } from './media'
+import { payLsat } from './payLsat'
+import { saveConsumedContent, saveSearchTerm } from './relayHelper'
+import { updateBudget } from './setBudget'
+import { convertToChatMessage } from './stringToChatMessage'
+import { executeIfTetsRunning, executeIfProd, addToGlobalForE2e, E2ETests } from './tests'
+import { timeToMilliseconds } from './timeToMilliseconds'
+import { useIsMatchBreakpoint } from './useIsMatchBreakpoint'
+// import APP_VERSION from './versionHelper'
+import { videoTimetoSeconds } from './videoTimetoSeconds'
+
+export {
+  assertNever,
+  boost,
+  colors,
+  formatBudget,
+  formatDescription,
+  formatTimestamp,
+  getLSat,
+  getSelectedNodeTimestamps,
+  getSuperficialNodeWeight,
+  overrideConsole,
+  media,
+  payLsat,
+  saveConsumedContent,
+  saveSearchTerm,
+  updateBudget,
+  convertToChatMessage,
+  executeIfTetsRunning,
+  executeIfProd,
+  addToGlobalForE2e,
+  E2ETests,
+  timeToMilliseconds,
+  useIsMatchBreakpoint,
+  videoTimetoSeconds,
+}