RentABikeReact/src/components/Address.js

import {InputText} from "primereact/inputtext";
import {useEffect, useState} from "react";
import {Button} from "primereact/button";
import authorizedFetch from "../Utils";
import {SPRING_SERVER} from "../config";
import {useTranslation} from "react-i18next";

export default function (props) {
    const [address, setAddress] = useState("")
    const { t } = useTranslation(); // Initialize the hook

    useEffect(() => {
        authorizedFetch(SPRING_SERVER + "/api/getAddress/" + props.userData.login).then(data => setAddress(data))
    },[])

    function setAddressClick() {
        authorizedFetch(SPRING_SERVER + "/api/setAddress/" + props.userData.login + "/" + address)
    }

    return (<div className="shadow-4 flex flex-column p-2 justify-content-between h-full">
        <div>{t('address')}:</div>
        <InputText className="mt-2" value={address} placeholder="Address"
                   onChange={(e) => setAddress(e.target.value)}/>
        <Button onClick={setAddressClick} className="mt-2">{t('setAddress')}</Button>
    </div>)
}