Merge pull request #866 from PayButton/feat/preferred-quote-csv

Feat/preferred quote csv

Author: Klakurka

constants/index.ts

@@ -144,7 +144,10 @@ export const SUPPORTED_QUOTES = [ // avoids hitting the DB every time for data t
   'usd' as SupportedQuotesType,
   'cad' as SupportedQuotesType
 ]
-
+export const SUPPORTED_QUOTES_FROM_ID: KeyValueT<SupportedQuotesType> = {
+  1: 'usd',
+  2: 'cad'
+}
 export const HUMAN_READABLE_DATE_FORMAT = 'YYYY-MM-DD'
 
 export const PRICE_API_DATE_FORMAT = 'YYYY-MM-DD'

pages/api/paybutton/download/transactions/[paybuttonId].ts

@@ -6,11 +6,11 @@ import {
   PAYBUTTON_TRANSACTIONS_FILE_HEADERS,
   DECIMALS,
   SUPPORTED_QUOTES,
-  DEFAULT_QUOTE_SLUG,
   SupportedQuotesType,
   NetworkTickersType,
   NETWORK_TICKERS,
-  NETWORK_IDS
+  NETWORK_IDS,
+  SUPPORTED_QUOTES_FROM_ID
 } from 'constants/index'
 import { TransactionWithAddressAndPrices, fetchTransactionsByPaybuttonId, getTransactionValueInCurrency } from 'services/transactionService'
 import { PaybuttonWithAddresses, fetchPaybuttonById } from 'services/paybuttonService'
@@ -147,14 +147,15 @@ export default async (req: any, res: any): Promise<void> => {
     const networkTickerReq = req.query.network as string
 
     const networkTicker = (networkTickerReq !== '' && isNetworkValid(networkTickerReq as NetworkTickersType)) ? networkTickerReq.toUpperCase() as NetworkTickersType : undefined
-
+    const quoteId = req.query.currency as number
+    const quoteSlug = SUPPORTED_QUOTES_FROM_ID[quoteId]
     const paybutton = await fetchPaybuttonById(paybuttonId)
     if (paybutton.providerUserId !== userId) {
       throw new Error(RESPONSE_MESSAGES.RESOURCE_DOES_NOT_BELONG_TO_USER_400.message)
     }
 
     res.setHeader('Content-Type', 'text/csv')
-    await downloadPaybuttonTransactionsFile(res, paybutton, DEFAULT_QUOTE_SLUG, networkTicker)
+    await downloadPaybuttonTransactionsFile(res, paybutton, quoteSlug, networkTicker)
   } catch (error: any) {
     switch (error.message) {
       case RESPONSE_MESSAGES.PAYBUTTON_ID_NOT_PROVIDED_400.message:

pages/button/[id].tsx

@@ -13,6 +13,7 @@ import { KeyValueT, NETWORK_TICKERS_FROM_ID, ResponseMessage, SOCKET_MESSAGES }
 import config from 'config'
 import io from 'socket.io-client'
 import PaybuttonTrigger from 'components/Paybutton/PaybuttonTrigger'
+import { UserProfile } from '@prisma/client'
 
 export const getServerSideProps: GetServerSideProps = async (context) => {
   supertokensNode.init(SuperTokensConfig.backendConfig())
@@ -39,17 +40,33 @@ export const getServerSideProps: GetServerSideProps = async (context) => {
 
 interface PaybuttonProps {
   paybuttonId: string
+  userId: string
 }
 
 export default function Button (props: PaybuttonProps): React.ReactElement {
-  const [paybutton, setPaybutton] = useState(undefined as PaybuttonWithAddresses | undefined)
+  const [paybutton, setPaybutton] = useState<PaybuttonWithAddresses | undefined>(undefined)
   const [isSyncing, setIsSyncing] = useState<KeyValueT<boolean>>({})
   const [tableRefreshCount, setTableRefreshCount] = useState<number>(0)
   const [paybuttonNetworks, setPaybuttonNetworks] = useState<number[]>([])
-
   const [selectedCurrency, setSelectedCurrency] = useState<string>('')
+  const [userProfile, setUserProfile] = useState<UserProfile | null>(null)
+
   const router = useRouter()
 
+  useEffect(() => {
+    void (async () => {
+      try {
+        const res = await fetch('/api/user/', {
+          method: 'GET'
+        })
+        const profile = await res.json()
+        setUserProfile(profile)
+      } catch (error) {
+        console.error('Error fetching user profile:', error)
+      }
+    })()
+  }, [])
+
   const updateIsSyncing = (addressStringList: string[]): void => {
     const newIsSyncing = { ...isSyncing }
     addressStringList.forEach((addressString) => {
@@ -108,10 +125,11 @@ export default function Button (props: PaybuttonProps): React.ReactElement {
 
   const downloadCSV = async (paybutton: { id: string, name: string }, currency: string): Promise<void> => {
     try {
-      let url = `/api/paybutton/download/transactions/${paybutton.id}`
+      const preferredCurrencyId = userProfile?.preferredCurrencyId ?? ''
+      let url = `/api/paybutton/download/transactions/${paybutton.id}?currency=${preferredCurrencyId}`
       const isCurrencyEmptyOrUndefined = (value: string): boolean => (value === '' || value === undefined)
       if (!isCurrencyEmptyOrUndefined(currency)) {
-        url += `?network=${currency}`
+        url += `&network=${currency}`
       }
       const response = await fetch(url)