fix the build error in the main

power-pay-frontend/src/components/okpage.tsx

@@ -1,59 +1,58 @@
-//faking the API
-import React, { useEffect, useState } from 'react';
+import React, { useEffect } from 'react';
 import axios from 'axios';
 
-const OKpage: React.FC = () => {
- const baseURL = 'http://localhost:5000';  // specifying the base URL with the desired port
+const OKPage: React.FC = () => {
+ const baseURL = 'http://localhost:5000'; // Specifying the base URL with the desired port
  const api = axios.create({ 
  baseURL, 
  timeout: 5000,
  });
 
-  // Mock function to simulate a succesful API call
- const mockSend_MoneyAPI = async ( 
- senderPhoneNumber: string, 
- recipientPhoneNumber: string, 
+ // Mock function to simulate a successful API call
+ const mockSend_MoneyAPI = async (
+ senderPhoneNumber: string,
+ recipientPhoneNumber: string,
  amount: number
-  ) => {
+ ) => {
  try {
- const response = await api.post('/send_money', { 
- senderPhoneNumber, 
- recipientPhoneNumber, 
- amount });
+ const response = await api.post('/send_money', {
+ senderPhoneNumber,
+ recipientPhoneNumber,
+ amount,
+ });
  return response.data;
  } catch (error) {
  throw error;
  }
- }
+ };
 
- //  Handle API call when component mounts
+ // Handle API call when component mounts
  useEffect(() => {
  mockSend_MoneyAPI('12347656', '1234567890', 100)
- .then((response) => {
- console.log("Mock API Response", response);
- })
- .catch((error) => {
- console.error("Mock API Error", error);
- });
+  .then((response) => {
+  console.log('Mock API Response', response);
+  })
+  .catch((error) => {
+  console.error('Mock API Error', error);
+  });
  }, []);
-}
 
-//building the ok page for successful transfer
-const OKPage = () => {
- return (
- <div className="flex justify-center items-center p-10 mb-34 border border-white rounded-3xl bg--500 text-white">
- <div className="card">
- <div className="ok-page">
- <h1>Success!</h1>
- <br></br>
- <p>The money was successfully transfered.</p>
- </div> 
- <div className="mt-16">
- <button className="w-96 mt-16 bg-Gray10-color rounded-3xl p-2 text-center text-white bg-green-500">OK</button>
- </div>
+ return (
+ <div className="flex justify-center items-center p-10 mb-34 border border-white rounded-3xl bg--500 text-white">
+ <div className="card">
+ <div className="ok-page">
+ <h1>Success!</h1>
+ <br />
+ <p>The money was successfully transferred.</p>
+ </div>
+ <div className="mt-16">
+ <button className="w-96 mt-16 bg-Gray10-color rounded-3xl p-2 text-center text-white bg-green-500">
+ OK
+ </button>
  </div>
  </div>
- );
- };
-
- export default OKPage;
+ </div>
+ );
+};
+
+export default OKPage;