Fixed title init and button spacing

macterra · Jan 14, 2024 · 6b5e9b6 · 6b5e9b6
1 parent f225cf6
commit 6b5e9b6
Showing 1 changed file with 16 additions and 8 deletions.
diff --git a/frontend/src/AssetEditor.js b/frontend/src/AssetEditor.js
@@ -1,9 +1,9 @@
 import React, { useEffect, useState } from 'react';
-import { Button, TextField, FormControl, InputLabel, Select, MenuItem } from '@mui/material';
+import { Button, TextField, FormControl, InputLabel, Select, MenuItem, Grid } from '@mui/material';
 import axios from 'axios';
 
 const AssetEditor = ({ metadata, setTab, setRefreshKey }) => {
-    const [title, setTitle] = useState(null);
+    const [title, setTitle] = useState('');
     const [collections, setCollections] = useState([]);
     const [selectedCollection, setSelectedCollection] = useState('');
 
@@ -76,12 +76,20 @@ const AssetEditor = ({ metadata, setTab, setRefreshKey }) => {
                     ))}
                 </Select>
             </FormControl>
-            <Button variant="contained" color="primary" onClick={handleSaveClick}>
-                Save
-            </Button>
-            <Button variant="contained" color="primary" onClick={handleDeleteClick}>
-                Delete
-            </Button>
+
+            <Grid container direction="row" justifyContent="center" alignItems="center" spacing={3}>
+                <Grid item>
+                    <Button variant="contained" color="primary" onClick={handleSaveClick}>
+                        Save
+                    </Button>
+                </Grid>
+                <Grid item>
+                    <Button variant="contained" color="primary" onClick={handleDeleteClick}>
+                        Delete
+                    </Button>
+                </Grid>
+            </Grid>
+
         </form>
     );
 };