From 0bcc7a84b6fce3290eefdabb615e63d51efb7ed8 Mon Sep 17 00:00:00 2001
From: Alissa Crane <alissa.crane@coinbase.com>
Date: Wed, 16 Oct 2024 09:10:49 -0700
Subject: [PATCH] fix formatting

---
 src/app/global.css                       | 17 ------------
 src/components/OnchainStoreItem.test.tsx | 34 ++++++++++++------------
 tsconfig.json                            |  2 +-
 3 files changed, 18 insertions(+), 35 deletions(-)

diff --git a/src/app/global.css b/src/app/global.css
index 81feaad..afc5952 100644
--- a/src/app/global.css
+++ b/src/app/global.css
@@ -51,7 +51,6 @@ a {
 svg {
   display: block;
   overflow: visible;
-  vertical-align: middle;
 }
 
 ul {
@@ -64,22 +63,6 @@ ul {
   z-index: 0;
 }
 
-.ockConnectWallet_Container span {
-  color: #030712;
-}
-
-/* i believe this is necessary because 
-of a div added by rainbowkit provider */
-body > div {
-  height: 100%;
-  max-width: 100vw;
-  box-sizing: border-box;
-}
-
 a {
   text-decoration: none;
 }
-
-.templateSection > div {
-  max-width: 100%;;
-}
\ No newline at end of file
diff --git a/src/components/OnchainStoreItem.test.tsx b/src/components/OnchainStoreItem.test.tsx
index befabe7..2f40303 100644
--- a/src/components/OnchainStoreItem.test.tsx
+++ b/src/components/OnchainStoreItem.test.tsx
@@ -1,15 +1,15 @@
-import { render, screen } from "@testing-library/react";
-import { describe, expect, it, vi } from "vitest";
-import OnchainStoreItem from "./OnchainStoreItem";
+import { render, screen } from '@testing-library/react';
+import { describe, expect, it, vi } from 'vitest';
+import OnchainStoreItem from './OnchainStoreItem';
 
 const mockProduct = {
-  id: "1",
-  name: "Sample Product",
+  id: '1',
+  name: 'Sample Product',
   price: 19.99,
-  image: "https://example.com/image.jpg",
+  image: 'https://example.com/image.jpg',
 };
 
-vi.mock("./QuantityInput", () => {
+vi.mock('./QuantityInput', () => {
   return {
     default: ({ productId }: { productId: string }) => (
       <input data-testid={`quantity-input-${productId}`} />
@@ -17,7 +17,7 @@ vi.mock("./QuantityInput", () => {
   };
 });
 
-vi.mock("next/image", () => {
+vi.mock('next/image', () => {
   return {
     default: ({
       src,
@@ -33,17 +33,17 @@ vi.mock("next/image", () => {
   };
 });
 
-describe("OnchainStoreItem", () => {
-  it("should render product information correctly", () => {
+describe('OnchainStoreItem', () => {
+  it('should render product information correctly', () => {
     render(<OnchainStoreItem {...mockProduct} />);
 
-    expect(screen.getByText("Sample Product")).toBeInTheDocument();
-    expect(screen.getByText("19.99 USDC")).toBeInTheDocument();
-    const imageElement = screen.getByAltText("123");
+    expect(screen.getByText('Sample Product')).toBeInTheDocument();
+    expect(screen.getByText('19.99 USDC')).toBeInTheDocument();
+    const imageElement = screen.getByAltText('123');
     expect(imageElement).toBeInTheDocument();
-    expect(imageElement).toHaveAttribute("src", mockProduct.image);
-    expect(imageElement).toHaveAttribute("width", "400");
-    expect(imageElement).toHaveAttribute("height", "400");
-    expect(screen.getByTestId("quantity-input-1")).toBeInTheDocument();
+    expect(imageElement).toHaveAttribute('src', mockProduct.image);
+    expect(imageElement).toHaveAttribute('width', '400');
+    expect(imageElement).toHaveAttribute('height', '400');
+    expect(screen.getByTestId('quantity-input-1')).toBeInTheDocument();
   });
 });
diff --git a/tsconfig.json b/tsconfig.json
index 697ba86..672fd3a 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -11,7 +11,7 @@
     "moduleResolution": "bundler",
     "resolveJsonModule": true,
     "isolatedModules": true,
-    "jsx": "react-jsx",
+    "jsx": "preserve",
     "incremental": true,
     "plugins": [
       {