ryanbelke

/* /pages/signin.js */

import React, { useState, useEffect } from "react";
import Router from "next/router";
import {
  Container,
  Row,
  Col,
  Button,
  Form,

ryanbelke

/* /pages/signup.js */

import React, { useState } from "react";

import {
  Container,
  Row,
  Col,
  Button,
  Form,

ryanbelke

/* /components/Layout.js */

import React from "react";
import Head from "next/head";
import Link from "next/link";
import { Container, Nav, NavItem } from "reactstrap";
//import HOC withAuthSync and logout method
//wrap page in withAuthSync to access token and user props
import { logout } from "../lib/auth";

ryanbelke

/* /lib/auth.js */

import { useEffect } from "react";
import Router from "next/router";
import Cookie from "js-cookie";
import axios from "axios";

const API_URL = process.env.API_URL || "http://localhost:1337";

//register a new user

ryanbelke

/* /pages/restaurants.js */
import { useQuery } from "@apollo/react-hooks";
import { useRouter } from "next/router";
import { gql } from "apollo-boost";
import withData from "../lib/apollo";

import {
  Button,
  Card,
  CardBody,

ryanbelke

/* /pages/index.js */
import React, { useState } from "react";

import { Col, Input, InputGroup, InputGroupAddon, Row } from "reactstrap";
import RestaurantList from "../components/RestaurantList";

function Home() {
  const [query, updateQuery] = useState("");
  return (
    <div className="container-fluid">

ryanbelke

/* components/RestaurantList/index.js */
import { useQuery } from "@apollo/react-hooks";
import { gql } from "apollo-boost";

import Link from "next/link";

import {
  Card,
  CardBody,
  CardImg,

ryanbelke

/* server.js */

const express = require("express");
const next = require("next");

const dev = process.env.NODE_ENV !== "production";
const app = next({ dev });
const handle = app.getRequestHandler();

app

ryanbelke

              <Card
                style={{ width: "30%", margin: "0 10px" }}
                className="h-100"
                key={res._id}
              >
                <CardImg
                  top={true}
                  style={{ height: 250 }}
                  src={res.image.url}
                />

ryanbelke

/* /pages/index.js */

import RestaurantList from "../components/RestaurantList";
import React from "react";
import defaultPage from "../hocs/defaultPage";
import {
  Alert,
  Button,
  Col,
  Input,