From 26cb4ea034d753545434a3a4debe2e6768b7c34d Mon Sep 17 00:00:00 2001
From: diced <pranaco2@gmail.com>
Date: Sat, 24 Sep 2022 10:43:23 -0700
Subject: [PATCH] fix: placeholder and red buttons

---
 src/components/pages/Manage/index.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/pages/Manage/index.tsx b/src/components/pages/Manage/index.tsx
index aeba0fe..e0f34ed 100644
--- a/src/components/pages/Manage/index.tsx
+++ b/src/components/pages/Manage/index.tsx
@@ -248,7 +248,7 @@ export default function Manage() {
 
       <Box mb='md'>
         <Title>Avatar</Title>
-        <FileInput id='file' description='Add a custom avatar or leave blank for none' accept='image/png,image/jpeg,image/gif' value={file} onChange={handleAvatarChange} />
+        <FileInput placeholder='Click to upload a file' id='file' description='Add a custom avatar or leave blank for none' accept='image/png,image/jpeg,image/gif' value={file} onChange={handleAvatarChange} />
         <Card mt='md'>
           <Text>Preview:</Text>
           <Button
@@ -267,7 +267,7 @@ export default function Manage() {
         </Card>
 
         <Group position='right' mt='md'>
-          <Button onClick={() => { setFile(null); setFileDataURL(null); }}>Reset</Button>
+          <Button onClick={() => { setFile(null); setFileDataURL(null); }} color='red'>Reset</Button>
           <Button onClick={saveAvatar} >Save Avatar</Button>
         </Group>
       </Box>
@@ -278,7 +278,7 @@ export default function Manage() {
       </Box>
 
       <Group>
-        <Button onClick={openDeleteModal} rightIcon={<DeleteIcon />}>Delete All Data</Button>
+        <Button onClick={openDeleteModal} rightIcon={<DeleteIcon />} color='red'>Delete All Data</Button>
         <ExportDataTooltip><Button onClick={exportData} rightIcon={<DownloadIcon />}>Export Data</Button></ExportDataTooltip>
       </Group>
       <Card mt={22}>