sigonasr2/ngsplanner
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Provide local backend testing compatibility (with gitpod)

Browse Source
This commit is contained in:
sigonasr2, Sig, Sigo 2021-07-27 01:40:49 +00:00
parent 07690dab7f
commit 16dc75ded8
3 changed files with 20 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
BACKEND_SETUP_INFO Normal file
View File

@ -0,0 +1,14 @@
The backend can be run for local testing by loading a
new docker-compose workspace provided by the projectdivar
git repository.
once loaded, you can seed the database using the seed files
from the ngsplanner_backend repository. You can use the locally
created .docker_terminal command to access the terminal of the
projectdivar_postgres_1 instance. Finally, you need to
add a .env file for your environment that includes:
REACT_APP_BACKEND_URL=https://4501-scarlet-echidna-bpwfvar6.ws-us11.gitpod.io/ngsplanner
Replacing the URL with the URL that points to the /server docker
hosted backend.

1
package.json
View File

@ -9,6 +9,7 @@
"@testing-library/react": "^11.2.7", "@testing-library/react": "^11.2.7",
"@testing-library/user-event": "^12.8.3", "@testing-library/user-event": "^12.8.3",
"axios": "^0.21.1", "axios": "^0.21.1",
"express": "^4.17.1",
"gh-pages": "^3.2.3", "gh-pages": "^3.2.3",
"react": "^17.0.2", "react": "^17.0.2",
"react-bootstrap-icons": "^1.5.0", "react-bootstrap-icons": "^1.5.0",

6
src/App.js
View File

@ -430,6 +430,7 @@ function TableEditor(p) {
const [data,setData] = useState([]) const [data,setData] = useState([])
const [update,setUpdate] = useState(false) const [update,setUpdate] = useState(false)
const [submitVals,setSubmitVal] = useReducer(updateVals,initialVals) const [submitVals,setSubmitVal] = useReducer(updateVals,initialVals)
const [report,setReport] = useState("")
function SubmitBoxes() { function SubmitBoxes() {
axios.post(BACKEND_URL+p.path,submitVals) axios.post(BACKEND_URL+p.path,submitVals)
@ -455,6 +456,9 @@ function TableEditor(p) {
setFields(cols.filter((col)=>col.name!=="id").map((col)=>col.name)) setFields(cols.filter((col)=>col.name!=="id").map((col)=>col.name))
setData(rows) setData(rows)
}) })
.catch((err)=>{
setReport(JSON.stringify(err))
})
setUpdate(false) setUpdate(false)
} }
},[update,p.path]) },[update,p.path])
@ -462,7 +466,7 @@ function TableEditor(p) {
return <> return <>
<div className="table-responsive"> <div className="table-responsive">
<table cellPadding="10" className="table text-light table-padding"> <table cellPadding="10" className="table text-light table-padding">
<caption>List of users</caption> <caption>{JSON.stringify(report)}</caption>
<thead> <thead>
<tr> <tr>
<th className="table-padding"></th> <th className="table-padding"></th>