KarlComSe / SvenskaElsparkcyklarAB

function ReturnRentButton( {tripID}  : {tripID: string}) {

    const { token } = useSelector((state: RootState) =>  state.auth);

    const [showTime, setShowTime] = useState(false);

    const [stopTime, setStopTime] = useState('2024-12-28T13:01:50.801Z')

    const [cost, setCost] = useState(0)

    const returnBikeId = async (tripID: string) => {

        const data = await returnBike(tripID, token);

        console.log(data);

        if (data.statusCode === 200)

        {

          toast.success(`Trip: ${tripID} has been ended.`, toastOptionsSuccess);

          setShowTime(true);

          setStopTime(data.stopTime || 'Unknown stop time');

          setCost(data.cost);

        } else 

        {

          toast.error("Bike was not returned", toastOptionsError);

        }

      }

  return showTime ?

    (<>

        <span data-testid="returnrentbutton" className="font-semibold text-gray-600 dark:text-gray-300">Stop time:</span>

        <span className="ml-2 text-gray-800 dark:text-white">{stopTime}</span>

        <span className="font-semibold text-gray-600 dark:text-gray-300"> Kostnad:</span>

        <span className="ml-2 text-gray-800 dark:text-white">{cost} krosek</span>

     </>)

    :

    (

      <button data-testid="returnrentbutton" type="button" onClick={async () => await returnBikeId(tripID)} className="text-white bg-blue-700 hover:bg-blue-800

      focus:ring-4 focus:ring-blue-300font-medium rounded-lg text-sm px-5 py-2.5

      me-2 mb-2 dark:bg-blue-600 dark:hover:bg-blue-700 focus:outline-none

      dark:focus:ring-blue-800">

      Ongoing. Return bike</button>