edits

admin_panel/ui/components/upload-image.edit copy.jsx

@@ -0,0 +1,25 @@
+import React from 'react'
+import { Label, Box, DropZone, BasePropertyProps, DropZoneProps, DropZoneItem } from 'admin-bro'
+
+const Edit: React.FC<BasePropertyProps> = (props) => {
+  const { property, onChange, record } = props
+
+  const handleDropZoneChange: DropZoneProps['onChange'] = (files) => {
+    onChange(property.name, files[0])
+  }
+
+  const uploadedPhoto = record.params.profilePhotoLocation
+  const photoToUpload = record.params[property.name]
+
+  return (
+    <Box marginBottom="xxl">
+      <Label>{property.label}</Label>
+      <DropZone onChange={handleDropZoneChange}/>
+      {uploadedPhoto && !photoToUpload && (
+        <DropZoneItem src={uploadedPhoto} />
+      )}
+    </Box>
+  )
+}
+
+export default Edit

admin_panel/ui/components/upload-image.list.jsx

@@ -0,0 +1,17 @@
+import React from 'react'
+import { Box, BasePropertyProps } from 'admin-bro'
+
+const Edit: React.FC<BasePropertyProps> = (props) => {
+  const { record } = props
+
+  const srcImg = record.params['profilePhotoLocation']
+  return (
+    <Box>
+      {srcImg ? (
+        <img src={srcImg} width="100px"/>
+      ) : 'no image'}
+    </Box>
+  )
+}
+
+export default Edit