network type fetch

src/Pages/Contras.jsx

@@ -1,8 +1,50 @@
+import $ from 'jquery'  
+import { Button, Col , Row } from 'react-bootstrap'
+import { HTTP_ } from '../Utils/HTTP'
+
 export function Contras() {
+
+
+    const QueryV1 = async () => {
+         await $.post('http://psicoadmin.ditca.org:8081/user?user=patrik&password=12345');
+    }
+    
+    const FetchV2 = async () => {
+        await fetch('http://psicoadmin.ditca.org:8081/user?user=patrik&password=12345', { method : 'POST' });
+    }
+
+    const HTTPV3  =  async () => {
+        let htp = new HTTP_()
+        await htp.get_()
+    }
+
+
+
     return (
         <div className="content-section">
             <div className="main">
                 <h1>Passwords</h1>
+
+                    <Row>
+                        <Col>
+                            <Button onClick={QueryV1}> Request tipo 1 </Button>
+                        </Col>
+                    </Row>
+                    <hr/>
+                    
+                    <Row>
+                        <Col>
+                            <Button onClick={FetchV2}> Request tipo 2 </Button>
+                        </Col>
+                    </Row>
+                    <hr/>
+                    
+                    <Row>
+                        <Col>
+                            <Button onClick={HTTPV3}>Request tipo 3</Button>
+                        </Col>
+                    </Row>
+
             </div>
         </div>
     )

src/Pages/Login.jsx

@@ -18,7 +18,7 @@ import useAuth from '../Auth/useAuth';
 import { useFormik } from 'formik';
 import * as Yup from 'yup';
 
-import { HTTP } from '../Utils/HTTP.js'
+import { HTTP_ } from '../Utils/HTTP.js'
 
 const LoginSchema = Yup.object().shape({
     email : Yup
@@ -49,7 +49,7 @@ export function Login() {
             let { email, password } = values
             console.log(email,password);
             // let request = new HTTP('/user?' + `user=${email}&password=${password}`)
-            let request = new HTTP()
+            let request = new HTTP_()
             request.get_()
             // toast.success('Bienvenido!!')
             // toast.error("This didn't work.")

src/Utils/HTTP.js

@@ -1,7 +1,7 @@
 // import axios from 'axios';
 import $ from "jquery" 
 
-export class HTTP {
+export class HTTP_ {
 
     constructor(url){
         this.base_url = 'http://204.48.25.93:8081/users';