indreklasn

import React, { useEffect, useState  } from 'react';
import './App.css';
import { getAllNotes, deleteNote, editNote } from './api'
import { NoteList, NoteForm } from './components'

function App() {
  
  const [notes, setNotes] = useState([])

  useEffect(() => {

indreklasn

import NoteList from './NoteList'
import NoteForm from './NoteForm'

export { NoteList, NoteForm }

indreklasn

const NoteForm = ({ form, notes, setNotes }) => {

  const { getFieldDecorator, validateFields, resetFields } = form;

  function handleSubmit(e) {
    e.preventDefault();
    validateFields((err, values) => {
      if (!err && values.note) {
        createNote(values.note).then(res => {
          const newNotesArray = notes.concat([res])

indreklasn

.App {
  text-align: center;
  min-height: 100vh;
  display: flex;
  margin: 75px 0 25px;
  flex-direction: flex-start;
  align-items: flex-start;
  justify-content: center;
  font-size: calc(10px + 2vmin);
}

indreklasn

import React from 'react'
import { Form, Button, Input } from 'antd';
import { createNote } from '../api'

const NoteForm = ({ form, notes, setNotes }) => {

  const { getFieldDecorator, validateFields, resetFields } = form;

  function handleSubmit(e) {
    e.preventDefault();

indreklasn

import React, { useEffect, useState } from 'react';
import './App.css';
import { getAllNotes, deleteNote, editNote } from './api'

function App() {
  
  const [notes, setNotes] = useState([])

  useEffect(() => {
    getAllNotes.then(res => setNotes(res))

indreklasn

import React, { useEffect, useState  } from 'react';
import './App.css';
import { getAllNotes, deleteNote, editNote } from './api'


function App( ) {
  
  const [notes, setNotes] = useState([])

  useEffect(() => {

indreklasn

import getAllNotes from './getAllNotes'
import createNote from './createNote'
import deleteNote from './deleteNote'
import editNote from './editNote';

export { getAllNotes, createNote, deleteNote, editNote }

indreklasn

import { client, q } from '../config/db'

const createNote = text => client.query(
  q.Create(
    q.Collection('notes'),
    {
      data: {
        text
      },
    },

indreklasn

import { client, q } from '../config/db'

const createNote = text => client.query(
  q.Create(
    q.Collection('notes'),
    {
      data: {
        text
      },
    },