added sql executor page

This commit is contained in:
Pradeeppon01 2024-06-15 16:53:45 +05:30
parent 96b231291c
commit 6ee4b3bfcc
4 changed files with 11 additions and 14 deletions

4
.env
View File

@ -1,8 +1,4 @@
# VITE_REACT_APP_BACKEND_URL="https://sandbox.exampaper.vidh.ai"
VITE_REACT_APP_BACKEND_URL="http://localhost:9999"
METABASE_BASE_URL="http://metabase.usln.in/public/question/d8774923-09bb-4cd9-903b-559d417e12cf"
<<<<<<< HEAD
# VITE_REACT_APP_BACKEND_URL="https://api.exampaper.vidh.ai"
=======
# VITE_REACT_APP_BACKEND_URL="https://api.exampaper.vidh.ai"
>>>>>>> c2e7f8078daeb2fafe4bbc788138be09a02ac8d9

View File

@ -16,6 +16,7 @@ import AnomolyAttendencePage from "./Components/AnomolyAttendencePage";
import AttendenceAdditionalRecord from "./Components/AttendenceAdditionalRecord";
import AttendenceAdditionalRecordCorrection from "./Components/AttendenceAdditionalRecordCorrection";
import AttendanceAdditionalSheet from "./Components/AttendanceAdditionalSheet";
import QueryExecutor from "./Components/QueryExecutor";
function App() {
return (

View File

@ -24,10 +24,10 @@ const Home = () => {
// title:"Verification",
// url:"/verification"
// }
// {
// title:"Statistics",
// url:"/statistics"
// }
{
title:"SQL Playground",
url:"/sqlPlayground"
}
];
// const cards = [

View File

@ -250,14 +250,14 @@ const QueryExecutor = () => {
className="w-100 p-3 h5"
id="text-area-input"
placeholder="Enter your query ...."
rows="5"
rows="7"
value={query}
onChange={(e) => setQuery(e.target.value)}
></textarea>
</div>
<div className="d-none d-md-block w-25">
<div className="w-100 d-flex flex-column gap-2 mx-2">
<input
<TextField
className="rounded p-2 h6"
type="text"
placeholder="Limit"
@ -266,7 +266,7 @@ const QueryExecutor = () => {
value={limit}
onChange={(e) => setLimit(e.target.value)}
/>
<input
<TextField
className="input rounded p-2 h6"
type="text"
placeholder="Image column name"
@ -286,8 +286,8 @@ const QueryExecutor = () => {
</div>
<div className="d-block d-md-none w-100">
<div className="w-100 d-flex flex-column gap-2 mx-2">
<input
<div className="w-100 d-flex flex-column gap-2">
<TextField
className="rounded p-2 h6"
type="text"
placeholder="Limit"
@ -296,7 +296,7 @@ const QueryExecutor = () => {
value={limit}
onChange={(e) => setLimit(e.target.value)}
/>
<input
<TextField
className="input rounded p-2 h6"
type="text"
placeholder="Image column name"