check responsive & page dashboard user account & turns & transactions & comments

2024-09-03 03:04:55 +03:30
parent bb154ac63f
commit 13cc7796c3
55 changed files with 1887 additions and 92 deletions
@@ -0,0 +1,47 @@
+import EditGrayA from "@/components/icons/EditGrayA"
+import EditOrangeA from "@/components/icons/EditOrangeA"
+import { Button, TextField } from "@mui/material"
+
+function EditField({ changeData, data, name, iconGray }) {
+    return (
+        <div className="relative w-full">
+            <TextField
+                value={data?.value}
+                disabled={!data?.isEdit}
+                type='text'
+                className="!bg-[#FFF] !w-full res-field-account"
+                onChange={e => {
+                    changeData(e.target.value, 'value', name)
+                }}
+                sx={{
+                    '& .MuiFormLabel-root': {
+                        top: '-4px !important'
+                    },
+                    '& .MuiInputBase-input': { padding: '12.5px 14px' },
+                    '& .MuiInputBase-root': { borderRadius: '6px !important' },
+                    '& .MuiOutlinedInput-notchedOutline': { border: '1px solid #D7D7D7 !important' },
+                    ".Mui-focused": {
+                        '& .MuiOutlinedInput-notchedOutline': {
+                            border: '1px solid #5559CE !important',
+                            transition: '0.5s all'
+                        }
+                    }
+                }}
+            />
+            <Button
+                className="!absolute !left-[8px] !top-1/2 !-translate-y-1/2 !min-w-fit !p-1"
+                onClick={() => {
+                    changeData(!data.isEdit, 'isEdit', name)
+                }}
+            >
+                {iconGray ? (
+                    <EditGrayA />
+                ) : (
+                    <EditOrangeA />
+                )}
+            </Button>
+        </div>
+    )
+}
+
+export default EditField