slococo-uni
/
bsition
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Use environment variable 

Co-authored-by: Ezequiel Bellver <ebellver@itba.edu.ar>
Co-authored-by: Juan Barmasch <jbarmasch@itba.edu.ar>
This commit is contained in:
Santiago Lo Coco 2022-12-20 16:24:32 -03:00
parent 651ee97a64
commit ebbe4059f4
8 changed files with 23 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
bsition/frontend/next.config.js Normal file
View File

@ -0,0 +1,5 @@
module.exports = {
env: {
API_URL: 'http://localhost:8000',
},
}

4
bsition/frontend/src/components/Sidebar.tsx
View File

@ -31,7 +31,7 @@ const Sidebar = () => {
useEffect(() => {
if (token) {
const fetchData = async () => {
const res = await fetch("http://localhost:8000/api/documents", {
const res = await fetch(process.env.API_URL + "/api/documents", {
method: "GET",
headers: {
'Authorization': `Bearer ${token}`
@ -122,7 +122,7 @@ const Sidebar = () => {
const handleSubmit = async (event) => {
event.preventDefault()
const res = await fetch("http://localhost:8000/api/token", {
const res = await fetch(process.env.API_URL + "/api/token", {
method: "DELETE",
headers: {
'Authorization': `Bearer ${token}`

2
bsition/frontend/src/pages/create-document.tsx
View File

@ -24,7 +24,7 @@ export default function CreateDocument() {
const JSONdata = JSON.stringify(data)
const res = await fetch("http://localhost:8000/api/documents", {
const res = await fetch(process.env.API_URL + "/api/documents", {
method: "POST",
headers: {
'Content-Type': 'application/json',

10
bsition/frontend/src/pages/documents/[id].tsx
View File

@ -26,7 +26,7 @@ export default function Document() {
useEffect(() => {
if (token && router.query.id) {
const fetchData = async () => {
const res = await fetch(`http://localhost:8000/api/documents/${router.query.id}`, {
const res = await fetch(`${process.env.API_URL}/api/documents/${router.query.id}`, {
method: "GET",
headers: {
'Authorization': `Bearer ${token}`
@ -46,7 +46,7 @@ export default function Document() {
useEffect(() => {
if (token && router.query.id) {
const interval = setInterval(() => {
fetch(`http://localhost:8000/api/documents/${router.query.id}`, {
fetch(`${process.env.API_URL}/api/documents/${router.query.id}`, {
method: 'PUT',
body: `{"data": "${text.replace(/\n/g, "\\n")}"}`,
headers: {
@ -86,7 +86,7 @@ export default function Document() {
let access = router.query.id + "/access"
const deleteDoc = async () => {
const res = await fetch(`http://localhost:8000/api/documents/${router.query.id}`, {
const res = await fetch(`${process.env.API_URL}/api/documents/${router.query.id}`, {
method: "DELETE",
headers: {
'Authorization': `Bearer ${token}`
@ -100,7 +100,7 @@ export default function Document() {
};
const publicOrPrivate = async () => {
if (!publicMode) {
const res = await fetch(`http://localhost:8000/api/documents/${router.query.id}`, {
const res = await fetch(`${process.env.API_URL}/api/documents/${router.query.id}`, {
method: "PUT",
headers: {
'Content-type': 'application/json',
@ -113,7 +113,7 @@ export default function Document() {
setPublicMode(() => true)
}
} else {
const res = await fetch(`http://localhost:8000/api/documents/${router.query.id}`, {
const res = await fetch(`${process.env.API_URL}/api/documents/${router.query.id}`, {
method: 'PUT',
headers: {
'Content-type': 'application/json',

10
bsition/frontend/src/pages/documents/[id]/access.tsx
View File

@ -17,7 +17,7 @@ export default function Document() {
useEffect(() => {
if (token && router.query.id) {
const fetchData = async () => {
const res = await fetch(`http://localhost:8000/api/documents/${router.query.id}/access`, {
const res = await fetch(`${process.env.API_URL}/api/documents/${router.query.id}/access`, {
method: "GET",
headers: {
'Authorization': `Bearer ${token}`
@ -54,7 +54,7 @@ export default function Document() {
console.log(JSONdata)
const res = await fetch(`http://localhost:8000/api/documents/${router.query.id}/access`, {
const res = await fetch(`${process.env.API_URL}/api/documents/${router.query.id}/access`, {
method: "POST",
headers: {
'Content-Type': 'application/json',
@ -76,7 +76,7 @@ export default function Document() {
const JSONdata = JSON.stringify(data)
const res = await fetch(`http://localhost:8000/api/documents/${router.query.id}/access`, {
const res = await fetch(`${process.env.API_URL}/api/documents/${router.query.id}/access`, {
method: "DELETE",
headers: {
'Content-Type': 'application/json',
@ -92,7 +92,7 @@ export default function Document() {
const handleSubmit = async (event) => {
event.preventDefault()
const aux = await fetch(`http://localhost:8000/api/users?` + new URLSearchParams(
const aux = await fetch(`${process.env.API_URL}/api/users?` + new URLSearchParams(
{user: event.target.name.value}
), {
method: "GET",
@ -110,7 +110,7 @@ export default function Document() {
const JSONdata = JSON.stringify(data)
const res = await fetch(`http://localhost:8000/api/documents/${router.query.id}/access`, {
const res = await fetch(`${process.env.API_URL}/api/documents/${router.query.id}/access`, {
method: "POST",
headers: {
'Content-Type': 'application/json',

2
bsition/frontend/src/pages/index.tsx
View File

@ -19,6 +19,8 @@ export default function Home() {
return <></>
}
console.log(process.env.API_URL)
return <Layout>
<div className="flex flex-col justify-center h-full w-full align-center items-center">
<div style={{width: "fit-content"}}>

4
bsition/frontend/src/pages/login.tsx
View File

@ -12,12 +12,12 @@ export default function Login() {
formData.append("username", event.target.username.value)
formData.append("password", event.target.password.value)
const res = await fetch("http://localhost:8000/api/token", {method: 'POST', body: formData})
const res = await fetch(process.env.API_URL + "/api/token", {method: 'POST', body: formData})
const json = await res.json();
if (res.status == 202) {
localStorage.setItem("token", json["access_token"])
const res = await fetch("http://localhost:8000/api/users/me", {
const res = await fetch(process.env.API_URL + "/api/users/me", {
method: 'GET',
headers: {
'Authorization': `Bearer ${json["access_token"]}`

2
bsition/frontend/src/pages/search.tsx
View File

@ -20,7 +20,7 @@ export default function Search() {
const handleSubmit = async (event) => {
event.preventDefault()
const res = await fetch("http://localhost:8000/api/documents?" + new URLSearchParams(
const res = await fetch(process.env.API_URL + "/api/documents?" + new URLSearchParams(
{query: "*" + event.target.search.value + "*"}
), {
method: "GET",