atlp-rwanda / e-commerce-bitcrafters-fn / 6382d0b5-392b-4d5d-98a2-f5748388c4d3

coverage: 90.713% (-1.2%) from 91.876%
6382d0b5-392b-4d5d-98a2-f5748388c4d3

Pull #60

circleci

AngeloChristian1 
Fix: Adding payment with mobile money
Pull Request #60: Fix: Adding payment with mobile money

687 of 852 branches covered (80.63%)

Branch coverage included in aggregate %.

41 of 64 new or added lines in 7 files covered. (64.06%)

26 existing lines in 5 files now uncovered.

2126 of 2249 relevant lines covered (94.53%)

11.77 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

90.91
/src/views/PaymentSuccess.tsx
1 
import React  from "react";
2 
import { ToastContainer } from "react-toastify";
2✔
3 
import "react-toastify/dist/ReactToastify.css";
2✔
4 
import { FaCheck } from "react-icons/fa6";
2✔
5 
import { useNavigate, useParams } from "react-router-dom";
2✔
6 
import Button from "../components/Button";
2✔
7 









8













9



const PaymentSuccess: React.FC = () => {




2✔






10



  const navigate = useNavigate();




2✔






11



  const { orderId } = useParams<{ orderId: string }>();




2✔





12












13













14



  return (




2✔





15



    <div data-testid="toast-container" className="container m-3 mx-auto tablet:m-10 flex flex-col gap-2 space-x-2 items-center justify-center h-[70vh] tablet:min-h-[80vh] px-10">










16



      <div className={"p-4 tablet:p-7 bg-green-300 rounded-full flex items-center justify-center"}>










17



      <div className={"p-4 tablet:p-7 bg-green-400 rounded-full flex items-center justify-center"}>










18



      <div className={"p-4 tablet:p-7 bg-green-500 rounded-full flex items-center justify-center"}>










19



<FaCheck className="text-5xl text-white" data-testid="fa-check"/>










20



      </div>










21



      </div>










22



      </div>










23



      <p>Payment Successful</p>










24












25



<div className="w-[40%] mx-auto">










26



          <Button value="View Order"











NEW


27



      onClick={()=>{navigate(`/order/${orderId}`)}}




×







28



      />










29



</div>










30












31



      <ToastContainer />










32



    </div>










33



  );










34



};










35













36



export default PaymentSuccess;



2✔



















    

  • 

    •