From 07c5a667ec49a2ffdd6408bbd1bcfcfede79c7c9 Mon Sep 17 00:00:00 2001
From: Long Hoang <1732217+loong@users.noreply.github.com>
Date: Fri, 16 Aug 2024 11:42:01 +0800
Subject: [PATCH] chore: cleanup branching modal (#28625)

* chore: remove pitr notice in branching modal

* chore: make icons less warny and less anxiety inducing

* chore: make copy more concise

* fix: correct typos

* Revert "chore: remove pitr notice in branching modal"

This reverts commit 116d189691532a80e11ef7624741ea5602960136.
---
 .../EnableBranchingModal.tsx                  | 23 ++++++++-----------
 1 file changed, 10 insertions(+), 13 deletions(-)

diff --git a/apps/studio/components/layouts/AppLayout/EnableBranchingButton/EnableBranchingModal.tsx b/apps/studio/components/layouts/AppLayout/EnableBranchingButton/EnableBranchingModal.tsx
index 5ff9bc0ea39..885cee24eed 100644
--- a/apps/studio/components/layouts/AppLayout/EnableBranchingButton/EnableBranchingModal.tsx
+++ b/apps/studio/components/layouts/AppLayout/EnableBranchingButton/EnableBranchingModal.tsx
@@ -211,36 +211,33 @@ const EnableBranchingModal = () => {
                   </p>
                   <div className="flex flex-row gap-4">
                     <div>
-                      <figure className="w-10 h-10 rounded-md bg-warning-200 border border-warning-400 flex items-center justify-center">
-                        <DollarSign className="text-warning" size={20} strokeWidth={2} />
+                      <figure className="w-10 h-10 rounded-md bg-info-200 border border-info-400 flex items-center justify-center">
+                        <DollarSign className="text-info" size={20} strokeWidth={2} />
                       </figure>
                     </div>
                     <div className="flex flex-col gap-y-1">
                       <p className="text-sm text-foreground">
-                        Preview branches are billed $0.32 per day (approximately $10 per month)
+                        Preview branches are billed $0.32 per day
                       </p>
                       <p className="text-sm text-foreground-light">
-                        Launching a new preview branch incurs additional compute costs at $0.32 per
-                        day. This cost will continue for as long as the branch has not been removed.
-                        This pricing is for Early Access and is subject to change.
+                        This cost will continue for as long as the branch has not been removed.
                       </p>
                     </div>
                   </div>
                   <div className="flex flex-row gap-4 mt-2">
                     <div>
-                      <figure className="w-10 h-10 rounded-md bg-warning-200 border border-warning-400 flex items-center justify-center">
-                        <FileText className="text-warning" size={20} strokeWidth={2} />
+                      <figure className="w-10 h-10 rounded-md bg-info-200 border border-info-400 flex items-center justify-center">
+                        <FileText className="text-info" size={20} strokeWidth={2} />
                       </figure>
                     </div>
                     <div className="flex flex-col gap-y-1">
                       <p className="text-sm text-foreground">
-                        Branching uses your GitHub repository to apply migrations
+                        Migrations are applied from your GitHub repository
                       </p>
                       <p className="text-sm text-foreground-light">
-                        Database migrations are handled via the{' '}
-                        <code className="text-xs">./supabase</code> directory in your GitHub repo.
-                        Migration files will run on both Preview Branches and Production when
-                        pushing to and merging git branches.
+                        Migration files in your <code className="text-xs">./supabase</code>{' '}
+                        directory will run on both Preview Branches and Production when pushing and
+                        merging branches.
                       </p>
                     </div>
                   </div>