Adjusting colours, some quick fixes after changing to sales person for relationship name.

4 years ago · 666fc883fb
6 changed files with 12 additions and 8 deletions
--- a/examples/nextjs-api-sales/components/layout.tsx
+++ b/examples/nextjs-api-sales/components/layout.tsx
@ -8,21 +8,20 @@ function layout(props: any) {
      <nav className="navbar" role="navigation" aria-label="main navigation">
        <div id="navbar" className="navbar-menu">
          <div className="logo">
-          <Image src="/bb-emblem.svg" width="50" height="50" />
+            <Image alt="logo" src="/bb-emblem.svg" width="50" height="50" />
          </div>
          <div className="navbar-start">
            <Link href="/">
              <a className="navbar-item">
-                Home
+                List
              </a>
            </Link>
            <Link href="/save">
              <a className="navbar-item">
-                Save
+                New sale
              </a>
            </Link>
          </div>
-
          <div className="navbar-end">
            <div className="navbar-item">
              <div className="buttons">
--- a/examples/nextjs-api-sales/pages/_app.tsx
+++ b/examples/nextjs-api-sales/pages/_app.tsx
@ -1,10 +1,14 @@
 import "../styles/global.sass"
 import type { AppProps } from "next/app"
+import Head from "next/head"
 import Layout from "../components/layout"

 function MyApp({ Component, pageProps }: AppProps) {
  return (
    <Layout>
+      <Head>
+        <title>BB NextJS Sales Example</title>
+      </Head>
      <Component {...pageProps} />
    </Layout>
  )
--- a/examples/nextjs-api-sales/pages/index.tsx
+++ b/examples/nextjs-api-sales/pages/index.tsx
@ -65,7 +65,7 @@ const Home: NextPage = () => {
                <tr key={sale.sale_id}>
                  <th>{sale.sale_id}</th>
                  <th>{sale.sale_name}</th>
-                  <th>{sale.sales_people?.map((person: any) => person.primaryDisplay)[0]}</th>
+                  <th>{sale.sales_person?.map((person: any) => person.primaryDisplay)[0]}</th>
                </tr>
              )}
            </tbody>
--- a/examples/nextjs-api-sales/styles/global.sass
+++ b/examples/nextjs-api-sales/styles/global.sass
@ -9,6 +9,7 @@ $family-sans-serif: "Roboto", sans-serif
  justify-content: flex-start
  align-items: stretch
  height: 100vh
+  --bg-color: #f5f5f5

 .logo
  padding: 0.75rem
@ -21,5 +22,5 @@ html
  overflow-y: auto

 .navbar
-  background-color: #D3D3D3
+  background-color: var(--bg-color)
  color: white
--- a/examples/nextjs-api-sales/styles/home.module.css
+++ b/examples/nextjs-api-sales/styles/home.module.css
@ -15,7 +15,7 @@

 .tableSection {
  padding: 2rem;
-  background: #D3D3D3;
+  background: var(--bg-color);
  width: 800px;
  border-radius: 10px;
 }
--- a/examples/nextjs-api-sales/styles/save.module.css
+++ b/examples/nextjs-api-sales/styles/save.module.css
@ -9,7 +9,7 @@

 .formSection {
  padding: 2rem;
-  background: #D3D3D3;
+  background: var(--bg-color);
  width: 400px;
  border-radius: 10px;
 }