import Box from "@mui/material/Box"; import TextField from "@mui/material/TextField"; import StyledEngineProvider from "@mui/styled-engine/StyledEngineProvider"; import { useState } from "react"; import "./bio.css"; import "../styles/colors.css"; import IconButton from "@mui/material/IconButton"; import EditSquareIcon from "@mui/icons-material/EditSquare"; import ButtonPrimary from "./ButtonRotkehlchen"; export default function BioTextField({ ownAccount }: { ownAccount: boolean }) { const [bio, setBio] = useState(""); const [oldBio, setOldbio] = useState(""); const [editMode, setEditable] = useState(false); const toggleEditMode = () => { !editMode && setOldbio(bio); ownAccount && setEditable(!editMode); }; const cancleBio = () => { setBio(oldBio); setEditable(false); }; return (
setBio(e.target.value)} /> {ownAccount && ( )}
{ownAccount && editMode && (
)}
); }