From ddc902b65cb0249bf825a5b1bd2ce0a2bfb777ef Mon Sep 17 00:00:00 2001
From: anna <anna.ho@2fi-solutions.com.hk>
Date: Sat, 16 Sep 2023 15:18:07 +0800
Subject: [PATCH] update ui

---
 .../ApplyForm/PublicNoticeApplyForm.js        | 53 ++++++++++++-------
 1 file changed, 33 insertions(+), 20 deletions(-)

diff --git a/src/pages/PublicNotice/ApplyForm/PublicNoticeApplyForm.js b/src/pages/PublicNotice/ApplyForm/PublicNoticeApplyForm.js
index 472afb6..7061c18 100644
--- a/src/pages/PublicNotice/ApplyForm/PublicNoticeApplyForm.js
+++ b/src/pages/PublicNotice/ApplyForm/PublicNoticeApplyForm.js
@@ -149,32 +149,45 @@ const PublicNoticeApplyForm = ({loadedData}) => {
                 </Grid>
                 <Grid item lg={4}></Grid>
                 <Grid item lg={4}></Grid>
+                <Grid item lg={4}>
+                    <Grid container alignItems={"center"}>
+                        <Grid item lg={4}
+                                sx={{ml: 3, mr: 3, display: 'flex', alignItems: 'center'}}>
+                            上傳文件:
+                        </Grid>
+                        <Grid item lg={4}>
+                            {attachment.name}
+                        </Grid>
+                        <Grid item lg={3}>
+                            <input 
+                                id="uploadFileBtn" 
+                                name="file" 
+                                type="file" 
+                                accept="image/png, image/jpeg" 
+                                style={{ display: 'none' }}
+                                onChange={(event)=> { 
+                                    readFile(event) 
+                                 }}
+                                />
+                            <label htmlFor="uploadFileBtn">
+                                <Button 
+                                    component="span"
+                                    variant="outlined" 
+                                    size="large"
+                                    >{attachment?"上傳文件":"重新上傳"}</Button>
+                            </label>
+                        </Grid>
+                    </Grid>
+                </Grid>
+                <Grid item lg={4}></Grid>
+                <Grid item lg={4}></Grid>
                 {FieldUtils.getTextArea({
                         label:"備註:",
                         valueName:"remarks",
                         form: formik
                     })}
                 <Grid item lg={4}></Grid>
-                <Grid item lg={12}>
-                    <center>
-                        <input 
-                            id="uploadFileBtn" 
-                            name="file" 
-                            type="file" 
-                            accept="image/png, image/jpeg" 
-                            onChange={(event)=> { 
-                                readFile(event) 
-                           }}
-                            />
-                        {/* <Button 
-                            variant="contained" 
-                            size="large"
-                            onClick={()=>{
-                                onUploadClick();
-                            }}
-                            >上傳文件</Button> */}
-                    </center>
-                </Grid>
+                
                 <Grid item lg={12}>
                     <center>
                         <Button