Fix/update button styles (#110)

* fix manage button * fix onboarding buttons * fix additional unstyled buttons
tryabby · Apr 3, 2024 · 430d74b · 430d74b
1 parent 28c6b93
commit 430d74b
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 8 deletions.
diff --git a/apps/web/src/components/Test/CreateTestSection.tsx b/apps/web/src/components/Test/CreateTestSection.tsx
@@ -1,3 +1,4 @@
+import { Button } from "components/ui/button";
 import produce from "immer";
 import { getUpdatedWeights } from "lib/helper";
 import { ChangeEvent, Dispatch, Fragment, SetStateAction } from "react";
@@ -204,13 +205,13 @@ export function CreateTestSection({
               ) : (
                 <span></span>
               )}
-              <button
+              <Button
                 type="button"
                 onClick={addVariant}
-                className="w-fit self-end justify-self-end rounded-sm bg-blue-300 px-3 py-0.5 text-gray-800 transition-colors duration-200 ease-in-out hover:bg-blue-400"
+                className="w-fit self-end justify-self-end"
               >
                 Add Variant
-              </button>
+              </Button>
             </div>
           </div>
         </Card>

diff --git a/apps/web/src/pages/projects/[projectId]/redeem.tsx b/apps/web/src/pages/projects/[projectId]/redeem.tsx
@@ -1,4 +1,4 @@
-import { Button } from "components/Button";
+import { Button } from "components/ui/Button";
 import { DashboardHeader } from "components/DashboardHeader";
 import { Layout } from "components/Layout";
 import { Input } from "components/ui/input";

diff --git a/apps/web/src/pages/projects/[projectId]/settings.tsx b/apps/web/src/pages/projects/[projectId]/settings.tsx
@@ -166,14 +166,14 @@ const SettingsPage: NextPageWithLayout = () => {
                   </Link>
                   {data.project.stripeCustomerId !== null &&
                     projectPlan !== null && (
-                      <button
-                        className="text- ml-4 mr-auto mt-4 rounded-sm bg-blue-300 px-3"
+                      <DashboardButton
+                        className="px-3"
                         onClick={async () => {
                           redirectToBillingPortal(projectId);
                         }}
                       >
                         Manage
-                      </button>
+                      </DashboardButton>
                     )}
                 </div>
               </div>

diff --git a/apps/web/src/pages/welcome.tsx b/apps/web/src/pages/welcome.tsx
@@ -1,4 +1,4 @@
-import { Button } from "components/Button";
+import { Button } from "components/ui/button";
 import { DISCORD_INVITE_URL } from "components/Footer";
 import { Input } from "components/Input";
 import { Select } from "components/Select";