Merge pull request #2 from brob/qa

Qa
sanity-io · Nov 4, 2020 · 5e5c7f3 · 5e5c7f3
2 parents b8f5ea3 + c4674d6
commit 5e5c7f3
Show file tree

Hide file tree

Showing 8 changed files with 10 additions and 10 deletions.
diff --git a/data/production.tar.gz b/data/production.tar.gz
diff --git a/template/components/form.js b/template/components/form.js
@@ -45,15 +45,15 @@ export default function Form ({_id}) {
       <input ref={register} type="hidden" name="_id" value={_id} />
       <label className="block mb-5">
         <span className="text-gray-700">Name</span>
-        <input name="name" ref={register({required: true})} className="form-input mt-1 block w-full" placeholder="John Appleseed"/>
+        <input name="name" ref={register({required: true})} className="shadow border rounded py-2 px-3 form-input mt-1 block w-full" placeholder="John Appleseed"/>
       </label>
       <label className="block mb-5">
         <span className="text-gray-700">Email</span>
-        <input name="email" type="email" ref={register({required: true})} className="form-input mt-1 block w-full" placeholder="[email protected]"/>
+        <input name="email" type="email" ref={register({required: true})} className="shadow border rounded py-2 px-3 form-input mt-1 block w-full" placeholder="[email protected]"/>
       </label>
       <label className="block mb-5">
         <span className="text-gray-700">Comment</span>
-        <textarea ref={register({required: true})} name="comment" className="form-textarea mt-1 block w-full" rows="8" placeholder="Enter some long form content."></textarea>
+        <textarea ref={register({required: true})} name="comment" className="shadow border rounded py-2 px-3  form-textarea mt-1 block w-full" rows="8" placeholder="Enter some long form content."></textarea>
       </label>
       {/* errors will return when field validation fails  */}
       {errors.exampleRequired && <span>This field is required</span>}

diff --git a/template/components/intro.js b/template/components/intro.js
@@ -19,7 +19,7 @@ export default function Intro() {
           href={CMS_URL}
           className="underline hover:text-success duration-200 transition-colors"
         >
-          {CMS_NAME}
+          Sanity.io
         </a>
         .
       </h4>

diff --git a/template/components/layout.js b/template/components/layout.js
@@ -7,7 +7,6 @@ export default function Layout({ preview, children }) {
     <>
       <Meta />
       <div className="min-h-screen">
-        <Alert preview={preview} />
         <main>{children}</main>
       </div>
       <Footer />

diff --git a/template/components/meta.js b/template/components/meta.js
@@ -34,7 +34,7 @@ export default function Meta() {
       <link rel="alternate" type="application/rss+xml" href="/feed.xml" />
       <meta
         name="description"
-        content={`A statically generated blog example using Next.js and ${CMS_NAME}.`}
+        content={`A statically generated blog example using Next.js and Sanity.io.`}
       />
       <meta property="og:image" content={HOME_OG_IMAGE_URL} />
     </Head>

diff --git a/template/components/post-preview.js b/template/components/post-preview.js
@@ -2,7 +2,7 @@ import Avatar from '../components/avatar'
 import Date from '../components/date'
 import CoverImage from './cover-image'
 import Link from 'next/link'
-
+import {imageBuilder} from '../lib/sanity'
 export default function PostPreview({
   title,
   coverImage,
@@ -14,7 +14,7 @@ export default function PostPreview({
   return (
     <div>
       <div className="mb-5">
-        <CoverImage slug={slug} title={title} url={coverImage} />
+        <CoverImage slug={slug} title={title} url={imageBuilder(coverImage).url()} />
       </div>
       <h3 className="text-3xl mb-3 leading-snug">
         <Link as={`/posts/${slug}`} href="/posts/[slug]">

diff --git a/template/lib/api.js b/template/lib/api.js
@@ -27,7 +27,7 @@ const getClient = (preview) => (preview ? previewClient : client)
 
 export async function getPreviewPostBySlug(slug) {
   const data = await getClient(true).fetch(
-    `*[_type == "post" && slug.current == $slug] | order(dpublishedAtate desc){
+    `*[_type == "post" && slug.current == $slug] | order(publishedAt desc){
       ${postFields}
       body
     }`,
@@ -43,7 +43,7 @@ export async function getAllPostsWithSlug() {
 
 export async function getAllPostsForHome(preview) {
   const results = await getClient(preview)
-    .fetch(`*[_type == "post"] | order(date desc, _updatedAt desc){
+    .fetch(`*[_type == "post"] | order(publishedAt desc){
       ${postFields}
     }`)
   return getUniquePosts(results)

diff --git a/template/pages/index.js b/template/pages/index.js
@@ -39,5 +39,6 @@ export async function getStaticProps({ preview = false }) {
   const allPosts = await getAllPostsForHome(preview)
   return {
     props: { allPosts, preview },
+    revalidate: 1
   }
 }