Swap import and export button functionalities in Settings component

Author: bvdcode

Sources/easyvault.client/src/components/Settings.tsx

@@ -231,21 +231,21 @@ const Settings: React.FC<SettingsProps> = ({ vaultData, onImport }) => {
           gap={1}
         >
           <Button
-            onClick={handleExport}
+            onClick={handleImport}
             variant="outlined"
             fullWidth
-            endIcon={<Download />}
-            disabled={!vaultData || vaultData.length === 0}
+            endIcon={<Upload />}
           >
-            {t("settings.export")}
+            {t("settings.import")}
           </Button>
           <Button
-            onClick={handleImport}
+            onClick={handleExport}
             variant="outlined"
             fullWidth
-            endIcon={<Upload />}
+            endIcon={<Download />}
+            disabled={!vaultData || vaultData.length === 0}
           >
-            {t("settings.import")}
+            {t("settings.export")}
           </Button>
         </Box>
       </Stack>