fix(trades): edge cases for floor price calculation

Author: hassnian

components/trade/overviewModal/Details.vue

@@ -45,6 +45,7 @@
 <script setup lang="ts">
 import { useIsTradeOverview } from './utils'
 import { formatToNow } from '@/utils/format/time'
+import { blank } from '@/components/collection/activity/events/eventRow/common'
 import { type TradeNftItem } from '@/components/trade/types'
 import type { NFT } from '@/types'
 
@@ -57,14 +58,22 @@ const { decimals, chainSymbol } = useChain()
 const { isMyTrade, isIncomingTrade } = useIsTradeOverview(computed(() => props.trade))
 
 const getFormattedDifference = (a: number, b: number) => {
+  if (b === 0 && a === 0) {
+    return blank
+  }
+
+  if (b === 0 && a > 0) {
+    return '+100%'
+  }
+
   const diff = ((b - a) / b) * 100
 
   return diff > 0
     ? `-${diff.toFixed()}%`
     : `+${Math.abs(diff).toFixed()}%`
 }
 
-const floorPrice = computed(() => Number(props.desired?.collection.floorPrice[0].price) || 0)
+const floorPrice = computed(() => Number(props.desired?.collection.floorPrice[0]?.price) || 0)
 const diff = computed(() => getFormattedDifference(Number(props.trade.price || 0), floorPrice.value))
 
 const { formatted: formmatedOffer, usd: offerUsd } = useAmount(