buy btn disable, readme update

Author: iskysun96

README.md

@@ -111,12 +111,12 @@ algokit project deploy localnet
    같은 이미지에 total supply 10개인 NFT를 만듭니다. 서명창에서 패스워드 기입 없이 `ok` 버튼을 눌러 서명하세요.
 #### 3. 판매할 NFT 리스팅
 - 위에 `sell NFT` 버튼을 누르고 `Select NFT to Sell`에서 2단계에서 만든 테스트 NFT를 선택, 개수는 1개, 가격은 1알고로 설정한 뒤 `publish`를 눌러 nft를
-   리스팅하세요. 이때 서명 창이 **4번** 나옵니다. 서명창에서 패스워드 기입 없이 `ok` 버튼을 눌러 서명하세요.
+   리스팅하세요. 이때 서명 창이 **3번** 나옵니다. 서명창에서 패스워드 기입 없이 `ok` 버튼을 눌러 서명하세요.
 - 리스팅 후 과제 제출을 위해 판매 NFT 등록이 보이도록 스크린샷을 찍어주세요!
 #### 4. NFT 구매
-- `Buy now` 버튼을 누르고 Buy Amount를 1개로 설정한 뒤 `Buy NFT!`를 눌러 구매하세요. 서명 창 1번 나옵니다.
+- `Buy now` 버튼을 누르고 Buy Amount를 1개로 설정한 뒤 `Buy NFT!`를 눌러 구매하세요. 서명 창 **1번** 나옵니다.
 #### 5. 수익금 회수 및 스마트계약 삭제
-- `Withdraw Profit` 버튼을 누르고 `Withdraw all profits` 버튼을 눌러 수익금을 회수하고 스마트계약을 삭제하세요. 서명 창은 2번 나옵니다.
+- `Withdraw Profit` 버튼을 누르고 `Withdraw all profits` 버튼을 눌러 수익금을 회수하고 스마트계약을 삭제하세요. 서명 창은 **2번** 나옵니다.
 
 이 모든 것이 에러없이 제대로 실행되면 성공적으로 과제를 해결하신겁니다! 🎉🎉 이제부턴 자유롭게 직접 만든 디지털 마켓플레이스 앱을 사용해보세요~!
 

projects/orakle-nft-marketplace-app-frontend/src/components/Buy.tsx

@@ -93,7 +93,7 @@ const Buy = ({ openModal, setModalState, currentAppId, unitaryPrice }: BuyInterf
           <button className="btn" onClick={() => setModalState(false)}>
             Close
           </button>
-          <button data-test-id="buy-nft" className={'btn btn-accent'} onClick={handleBuyNft}>
+          <button data-test-id="buy-nft" className={'btn btn-accent'} onClick={handleBuyNft} disabled={quantity == '' || quantity == '0'}>
             {loading ? <span className="loading loading-spinner" /> : 'Buy NFT!'}
           </button>
         </div>