atlp-rwanda / e-commerce-bitcrafters-fn / 52d1fa07-238c-4740-ba68-b98189723e67

coverage: 91.013% (-0.9%) from 91.876%
52d1fa07-238c-4740-ba68-b98189723e67

push

circleci

web-flow 
Fix: Adding payment with mobile money (#60)

659 of 810 branches covered (81.36%)

Branch coverage included in aggregate %.

42 of 65 new or added lines in 8 files covered. (64.62%)

1 existing line in 1 file now uncovered.

2116 of 2239 relevant lines covered (94.51%)

11.49 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✔



















    

  • 

    •