updating layout for suggestions.

retrieve email from functions

src/components/Suggestion/ModalDetailImgSuggestion.jsx

@@ -1,25 +1,14 @@
-import { Col, Image, Modal, Row } from "antd";
-import DataDetailSuggestion from "./DataDetailSuggestion";
+import {Col, Image, Modal, Row} from "antd";
 
-const ModalDetailImgSuggestion = ({ open, setOpen, objDetailImg }) => {
-  return (
-    <Modal open={open} onCancel={() => setOpen(false)} title="Deskripsi Foto">
-      <Row gutter={16} align="middle">
-        <Col span={12}>
-          <Image />
-        </Col>
-        <Col span={12}>
-          <DataDetailSuggestion
-            label="Description"
-            value={objDetailImg?.description}
-          />
-          <DataDetailSuggestion
-            label="Attribution"
-            value={objDetailImg?.attribution}
-          />
-        </Col>
-      </Row>
-    </Modal>
-  );
+const ModalDetailImgSuggestion = ({open, setOpen, objDetailImg}) => {
+    return (
+        <Modal open={open} onCancel={() => setOpen(false)} title="Deskripsi Foto">
+            <Row gutter={16} align="middle">
+                <Col span={12}>
+                    <Image src={objDetailImg?.url}/>
+                </Col>
+            </Row>
+        </Modal>
+    );
 };
 export default ModalDetailImgSuggestion;

src/helpers/getUserById.js

@@ -0,0 +1,17 @@
+import {getFunctions, httpsCallable} from "firebase/functions";
+import {message} from "antd";
+
+const getUserById = async (id) => {
+    try {
+        const functions = getFunctions();
+        const request = httpsCallable(functions, 'getUserById');
+        return await request({userId: id});
+    } catch (error) {
+        // Getting the Error details.
+        return message.error({
+            content: `Error! : ${error.message}`
+        })
+    }
+}
+
+export default getUserById;