+
- {showOptions && (
-
- )}
+
);
}
diff --git a/src/Arena/index.js b/src/Arena/index.jsx
similarity index 100%
rename from src/Arena/index.js
rename to src/Arena/index.jsx
diff --git a/src/Arena/styles.css b/src/Arena/styles.css
index 9f59f78..a3d64c3 100755
--- a/src/Arena/styles.css
+++ b/src/Arena/styles.css
@@ -2,6 +2,7 @@
display: flex;
flex-grow: 1;
width: 100%;
+ box-sizing: content-box;
overflow: auto;
outline: none;
user-select: none;
diff --git a/src/ArenaCell/index.js b/src/ArenaCell/index.jsx
similarity index 100%
rename from src/ArenaCell/index.js
rename to src/ArenaCell/index.jsx
diff --git a/src/FooterPanel/index.js b/src/FooterPanel/index.js
deleted file mode 100644
index a4d9ef9..0000000
--- a/src/FooterPanel/index.js
+++ /dev/null
@@ -1,42 +0,0 @@
-import React from "react";
-import { Button, ControlsPanel, Switcher } from "@tarantool.io/ui-kit";
-import b_ from 'b_';
-import { ZOOM_STEP } from '../constants';
-import "./styles.css";
-
-const b = b_.lock('FooterPanel');
-
-export const FooterPanel = ({
- flaggingMode,
- zoom,
- onFlaggingSwitch,
- onZoomChange
-}) => (
-
onZoomChange(zoom + ZOOM_STEP)}
- />,
- ,
+ ,
+ ]}
+ />
+
+
+
+ );
+};
diff --git a/src/Options/styles.css b/src/Options/styles.css
index 82eb80e..49dfcb1 100755
--- a/src/Options/styles.css
+++ b/src/Options/styles.css
@@ -1,7 +1,3 @@
-.Options__inner {
- margin: 0 16px;
-}
-
.Options__inputs {
display: flex;
margin: 0 -6px;
diff --git a/src/index.js b/src/index.js
deleted file mode 100755
index ad818b8..0000000
--- a/src/index.js
+++ /dev/null
@@ -1,12 +0,0 @@
-import React from "react";
-import ReactDOM from "react-dom";
-
-import App from "./App";
-
-const rootElement = document.getElementById("root");
-ReactDOM.render(
-
-
- ,
- rootElement
-);
diff --git a/src/index.jsx b/src/index.jsx
new file mode 100755
index 0000000..e73aff7
--- /dev/null
+++ b/src/index.jsx
@@ -0,0 +1,12 @@
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import '@blueprintjs/core/lib/css/blueprint.css';
+import App from './App';
+
+const rootElement = document.getElementById('root');
+
+ReactDOM.createRoot(rootElement).render(
+
+
+
+);
diff --git a/public/style.css b/style.css
similarity index 100%
rename from public/style.css
rename to style.css
diff --git a/vite.config.js b/vite.config.js
new file mode 100644
index 0000000..9921535
--- /dev/null
+++ b/vite.config.js
@@ -0,0 +1,11 @@
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+
+export default defineConfig(() => {
+ return {
+ build: {
+ outDir: 'build',
+ },
+ plugins: [react()],
+ };
+});