Skip to content

GitLab

go
go
Commit e14d8cc3 authored by David Haynes's avatar David Haynes 🙆
Browse files
Options

Work began on async fetching information from the API -> Components 

- We need to remove the authorization feature on the API given that now,
all logged in users have the ability to create Go links
parent e46be336
Pipeline #3563 passed with stage
    in 1 minute and 9 seconds
    Hide whitespace changes
    Inline Side-by-side
    Showing with 124 additions and 96 deletions
    go/go_ahead/src/Components/Pages/DebugCRUD.jsx
    View file @ e14d8cc3
    ......@@ -2,6 +2,7 @@ import React from "react";
    import { Formik, Field, Form, ErrorMessage } from "formik";
    import * as Yup from "yup";
    import { PageTemplate } from "Components";
    import { GetAllGoLinks } from "../../Utils";
    const SignupSchema = Yup.object().shape({
    password: Yup.string()
    ......@@ -12,104 +13,123 @@ const SignupSchema = Yup.object().shape({
    .required("Required")
    });
    const DebugCRUD = () => (
    <PageTemplate>
    <div>
    <h1>Debug CRUD Page</h1>
    class DebugCRUD extends React.Component {
    constructor(props) {
    super(props);
    this.state = { AllGoLinks: "", error: null };
    }
    <h3>Create</h3>
    <Formik
    initialValues={{ email: "", password: "" }}
    validationSchema={SignupSchema}
    onSubmit={(values, { setSubmitting }) => {
    setTimeout(() => {
    console.log(JSON.stringify(values, null, 2));
    setSubmitting(false);
    }, 400);
    }}
    render={({ isSubmitting }) => (
    <Form>
    <Field type="email" name="email" placeholder="Email" />
    <ErrorMessage name="email" component="div" />
    <Field type="password" name="password" />
    <ErrorMessage name="password" />
    <button type="submit" disabled={isSubmitting}>
    Submit
    </button>
    </Form>
    )}
    />
    async componentDidMount() {
    GetAllGoLinks(this.props.authToken)
    .then(data =>
    this.setState({
    AllGoLinks: data
    })
    )
    .catch(reason => this.setState({ error: reason }));
    }
    <h3>Read</h3>
    <Formik
    initialValues={{ email: "", password: "" }}
    validationSchema={SignupSchema}
    onSubmit={(values, { setSubmitting }) => {
    setTimeout(() => {
    console.log(JSON.stringify(values, null, 2));
    setSubmitting(false);
    }, 400);
    }}
    render={({ isSubmitting }) => (
    <Form>
    <Field type="email" name="email" placeholder="Email" />
    <ErrorMessage name="email" component="div" />
    <Field type="password" name="password" />
    <ErrorMessage name="password" />
    <button type="submit" disabled={isSubmitting}>
    Submit
    </button>
    </Form>
    )}
    />
    render() {
    return (
    <PageTemplate>
    <div>
    <h1>Debug CRUD Page</h1>
    <h3>Update</h3>
    <Formik
    initialValues={{ email: "", password: "" }}
    validationSchema={SignupSchema}
    onSubmit={(values, { setSubmitting }) => {
    setTimeout(() => {
    console.log(JSON.stringify(values, null, 2));
    setSubmitting(false);
    }, 400);
    }}
    render={({ isSubmitting }) => (
    <Form>
    <Field type="email" name="email" placeholder="Email" />
    <ErrorMessage name="email" component="div" />
    <Field type="password" name="password" />
    <ErrorMessage name="password" />
    <button type="submit" disabled={isSubmitting}>
    Submit
    </button>
    </Form>
    )}
    />
    <h3>Create</h3>
    <Formik
    initialValues={{ email: "", password: "" }}
    validationSchema={SignupSchema}
    onSubmit={(values, { setSubmitting }) => {
    setTimeout(() => {
    console.log(JSON.stringify(values, null, 2));
    setSubmitting(false);
    }, 400);
    }}
    render={({ isSubmitting }) => (
    <Form>
    <Field type="email" name="email" placeholder="Email" />
    <ErrorMessage name="email" component="div" />
    <Field type="password" name="password" />
    <ErrorMessage name="password" />
    <button type="submit" disabled={isSubmitting}>
    Submit
    </button>
    </Form>
    )}
    />
    <h3>Delete</h3>
    <Formik
    initialValues={{ email: "", password: "" }}
    validationSchema={SignupSchema}
    onSubmit={(values, { setSubmitting }) => {
    setTimeout(() => {
    console.log(JSON.stringify(values, null, 2));
    setSubmitting(false);
    }, 400);
    }}
    render={({ isSubmitting }) => (
    <Form>
    <Field type="email" name="email" placeholder="Email" />
    <ErrorMessage name="email" component="div" />
    <Field type="password" name="password" />
    <ErrorMessage name="password" />
    <button type="submit" disabled={isSubmitting}>
    Submit
    </button>
    </Form>
    )}
    />
    </div>
    </PageTemplate>
    );
    <h3>Read</h3>
    <Formik
    initialValues={{ email: "", password: "" }}
    validationSchema={SignupSchema}
    onSubmit={(values, { setSubmitting }) => {
    setTimeout(() => {
    console.log(JSON.stringify(values, null, 2));
    setSubmitting(false);
    }, 400);
    }}
    render={({ isSubmitting }) => (
    <Form>
    <Field type="email" name="email" placeholder="Email" />
    <ErrorMessage name="email" component="div" />
    <Field type="password" name="password" />
    <ErrorMessage name="password" />
    <button type="submit" disabled={isSubmitting}>
    Submit
    </button>
    </Form>
    )}
    />
    <h3>Update</h3>
    <Formik
    initialValues={{ email: "", password: "" }}
    validationSchema={SignupSchema}
    onSubmit={(values, { setSubmitting }) => {
    setTimeout(() => {
    console.log(JSON.stringify(values, null, 2));
    setSubmitting(false);
    }, 400);
    }}
    render={({ isSubmitting }) => (
    <Form>
    <Field type="email" name="email" placeholder="Email" />
    <ErrorMessage name="email" component="div" />
    <Field type="password" name="password" />
    <ErrorMessage name="password" />
    <button type="submit" disabled={isSubmitting}>
    Submit
    </button>
    </Form>
    )}
    />
    <h3>Delete</h3>
    <Formik
    initialValues={{ email: "", password: "" }}
    validationSchema={SignupSchema}
    onSubmit={(values, { setSubmitting }) => {
    setTimeout(() => {
    console.log(JSON.stringify(values, null, 2));
    setSubmitting(false);
    }, 400);
    }}
    render={({ isSubmitting }) => (
    <Form>
    <Field type="email" name="email" placeholder="Email" />
    <ErrorMessage name="email" component="div" />
    <Field type="password" name="password" />
    <ErrorMessage name="password" />
    <button type="submit" disabled={isSubmitting}>
    Submit
    </button>
    </Form>
    )}
    />
    </div>
    </PageTemplate>
    );
    }
    }
    export default DebugCRUD;
    go/go_ahead/src/Utils/GetAllGoLinks.js 0 → 100644
    View file @ e14d8cc3
    async function GetAllGoLinks(token) {
    let response = await fetch("/auth/token");
    let data = await response.json();
    return data;
    }
    export default GetAllGoLinks;
    go/go_ahead/src/Utils/index.js
    View file @ e14d8cc3
    import Routes from "./Routes";
    import GetAllGoLinks from "./GetAllGoLinks";
    export { Routes };
    export { Routes, GetAllGoLinks };
    Markdown is supported
    0% or
    You are about to add 0 people to the discussion. Proceed with caution.
    Finish editing this message first!
    Please register or to comment