added sql executor page
This commit is contained in:
parent
96b231291c
commit
6ee4b3bfcc
4
.env
4
.env
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -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 (
|
||||
|
|
|
|||
|
|
@ -24,10 +24,10 @@ const Home = () => {
|
|||
// title:"Verification",
|
||||
// url:"/verification"
|
||||
// }
|
||||
// {
|
||||
// title:"Statistics",
|
||||
// url:"/statistics"
|
||||
// }
|
||||
{
|
||||
title:"SQL Playground",
|
||||
url:"/sqlPlayground"
|
||||
}
|
||||
];
|
||||
|
||||
// const cards = [
|
||||
|
|
|
|||
|
|
@ -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"
|
||||
|
|
|
|||
Loading…
Reference in New Issue