fix: app statistic box (#776)

consolelabs · Feb 22, 2024 · 836acdf · 836acdf
1 parent 92fae44
commit 836acdf
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 10 deletions.
diff --git a/apps/mochi-web/components/app/Statistics.tsx b/apps/mochi-web/components/app/Statistics.tsx
@@ -43,7 +43,7 @@ export const Statistics = ({ id, onOpenCreateAppModal }: Props) => {
           amount={stats?.users_in_7d}
           change={stats?.users_in_7d_change_percentage_vs_last_period}
           className="sm:order-4"
-          milestone="week"
+          milestone="period"
         />
         <StatisticsBox
           label="All time Revenue"
@@ -57,7 +57,7 @@ export const Statistics = ({ id, onOpenCreateAppModal }: Props) => {
           formatAmount={(amount) => `$${formatNumber(amount)}`}
           change={stats?.revenue_in_7d_change_percentage_vs_last_period}
           className="sm:order-5"
-          milestone="week"
+          milestone="period"
         />
         <StatisticsBox
           label="All time Txs"
@@ -69,7 +69,7 @@ export const Statistics = ({ id, onOpenCreateAppModal }: Props) => {
           amount={stats?.txs_in_7d}
           change={stats?.txs_in_7d_change_percentage_vs_last_period}
           className="sm:order-6"
-          milestone="week"
+          milestone="period"
         />
       </div>
     </div>

diff --git a/apps/mochi-web/components/app/StatisticsBox.tsx b/apps/mochi-web/components/app/StatisticsBox.tsx
@@ -9,7 +9,7 @@ interface Props {
   formatAmount?: (amount: number) => string
   change?: number
   formatChange?: (change: number) => string
-  milestone?: 'week' | 'month'
+  milestone?: 'period' | 'month'
   size?: 'md' | 'lg'
   footer?: React.ReactNode
   className?: string
@@ -49,14 +49,14 @@ export const StatisticsBox = ({
         <ArrowUpLine
           className={clsx(
             'w-4 h-4',
-            change > 0
+            change >= 0
               ? 'text-success-plain-fg'
               : 'text-danger-plain-fg rotate-180',
           )}
         />
         <Typography
           level="p5"
-          color={change > 0 ? 'success' : 'danger'}
+          color={change >= 0 ? 'success' : 'danger'}
           className="font-medium"
         >
           {formatChange(change)}

diff --git a/apps/mochi-web/components/app/detail/AppDetailStatistics.tsx b/apps/mochi-web/components/app/detail/AppDetailStatistics.tsx
@@ -193,7 +193,7 @@ export const AppDetailStatistics = ({
           formatAmount={(amount) => `$${formatNumber(amount)}`}
           change={stats?.balance_in_total_change_vs_last_week || 0}
           formatChange={(change) => `$${formatNumber(change)}`}
-          milestone="week"
+          // milestone="period"
           footer={
             <div className="flex gap-2 mt-4">
               <Button size="sm">
@@ -219,7 +219,7 @@ export const AppDetailStatistics = ({
           amount={stats?.users_in_7d}
           change={stats?.users_in_7d_change_percentage_vs_last_period}
           className="border border-divider shadow-input sm:order-4"
-          milestone="week"
+          milestone="period"
         />
         <StatisticsBox
           label="All time Revenue"
@@ -233,7 +233,7 @@ export const AppDetailStatistics = ({
           formatAmount={(amount) => `$${formatNumber(amount)}`}
           change={stats?.revenue_in_7d_change_percentage_vs_last_period}
           className="border border-divider shadow-input sm:order-5"
-          milestone="week"
+          milestone="period"
         />
         <StatisticsBox
           label="All time Txs"
@@ -245,7 +245,7 @@ export const AppDetailStatistics = ({
           amount={stats?.txs_in_7d}
           change={stats?.txs_in_7d_change_percentage_vs_last_period}
           className="border border-divider shadow-input sm:order-6"
-          milestone="week"
+          milestone="period"
         />
       </div>
     </div>