From 7b24d1ae529083388b4e9a911d4942cfd29bfa42 Mon Sep 17 00:00:00 2001
From: Mikhail Petrov <mike@nspcc.ru>
Date: Fri, 4 Apr 2025 13:01:11 +0300
Subject: [PATCH] web: Add renderAs property for bulma components, closes #136

Signed-off-by: Mikhail Petrov <mike@nspcc.ru>
---
 src/App.tsx  | 2 +-
 src/Home.tsx | 3 +++
 src/Load.tsx | 2 ++
 3 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/App.tsx b/src/App.tsx
index a587e25..0cdf37b 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -195,7 +195,7 @@ export const App = () => {
 							renderAs="div"
 							onClick={onLogout}
 						>
-							<Button>Logout</Button>
+							<Button renderAs="button">Logout</Button>
 						</Navbar.Item>
 					</Navbar.Container>
 					)}
diff --git a/src/Home.tsx b/src/Home.tsx
index 5252f25..d0fd917 100644
--- a/src/Home.tsx
+++ b/src/Home.tsx
@@ -184,6 +184,7 @@ const Home = ({
 										<Form.Label>Select file(s) lifetime</Form.Label>
 										<Form.Control>
 											<Form.Select
+												renderAs="select"
 												onChange={(e: any) => setLifetimeData(e.target.value)}
 												value={lifetimeData}
 												disabled={isLoading}
@@ -196,6 +197,7 @@ const Home = ({
 										</Form.Control>
 									</Form.Field>
 									<Button
+										renderAs="button"
 										color="primary"
 										onClick={onUpload}
 										style={{ margin: '0 0 0.75rem 2rem' }}
@@ -212,6 +214,7 @@ const Home = ({
 										{fileItem.name}
 										{!isLoading && (
 											<Button
+												renderAs="button"
 												onClick={(e: any) => handleFile(e, true, index)}
 												remove
 											/>
diff --git a/src/Load.tsx b/src/Load.tsx
index 3337718..67191ba 100644
--- a/src/Load.tsx
+++ b/src/Load.tsx
@@ -53,6 +53,7 @@ const Load = ({
 								<Heading weight="semibold" subtitle style={{ textAlign: 'center' }}>Download your files via HTTP gate</Heading>
 								<Button.Group style={{ justifyContent: 'center' }}>
 									<Button
+										renderAs="button"
 										style={{ marginRight: 20 }}
 										onClick={() => onDownload(objectData.objectId, objectData.filename)}
 									>
@@ -60,6 +61,7 @@ const Load = ({
 										<FontAwesomeIcon icon={['fas', 'download']} style={{ marginLeft: 5, fontSize: 14 }} />
 									</Button>
 									<Button
+										renderAs="button"
 										onClick={() => {
 											copy(`${environment.server ? environment.server : document.location.origin}/gate/get/${objectData.objectId}`);
 											setCopied(true);