From da5daa69e8a9627e671ea38f587a4bdc45fd87d2 Mon Sep 17 00:00:00 2001
From: Ben Smithett <bensmithett@users.noreply.github.com>
Date: Sun, 2 Aug 2020 09:00:05 +1000
Subject: [PATCH] Make description optional (and tweak prettier config)

---
 .prettierrc                  | 3 ++-
 app/layouts/DefaultLayout.js | 4 ++--
 app/pages/example-post.mdx   | 8 ++++++--
 app/pages/index.js           | 5 ++---
 4 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/.prettierrc b/.prettierrc
index b4352dc..36d2905 100644
--- a/.prettierrc
+++ b/.prettierrc
@@ -1,5 +1,6 @@
 {
-  "printWidth": 120,
+  "jsxSingleQuote": true,
+  "printWidth": 100,
   "quoteProps": "as-needed",
   "semi": false,
   "singleQuote": true,
diff --git a/app/layouts/DefaultLayout.js b/app/layouts/DefaultLayout.js
index a1e3605..fc48a5d 100644
--- a/app/layouts/DefaultLayout.js
+++ b/app/layouts/DefaultLayout.js
@@ -2,12 +2,12 @@ import React from 'react'
 import { Helmet } from 'react-helmet'
 import favicon from './favicon.png'
 
-export default function DefaultLayout ({ meta, children }) {
+export default function DefaultLayout({ meta, children }) {
   return (
     <div role='main'>
       <Helmet>
         <title>{meta.title}</title>
-        <meta name='description' content={meta.description} />
+        {meta.description ? <meta name='description' content={meta.description} /> : null}
         <meta name='viewport' content='width=device-width, initial-scale=1' />
         <link rel='alternate' href='/feed.json' type='application/json' />
         <link rel='icon' href={favicon} />
diff --git a/app/pages/example-post.mdx b/app/pages/example-post.mdx
index ea48b47..db1a130 100644
--- a/app/pages/example-post.mdx
+++ b/app/pages/example-post.mdx
@@ -1,8 +1,12 @@
 <!--
 Example of a page written in Markdown (MDX) in a .mdx file.
 
-Every page should export a `meta` object with at least a `title` and `description`.
-This one also exports a `collection` and `date` to signify it's part of the "posts" collection.
+Every page should export a `meta` object with at least a `title`.
+This one also exports:
+
+- `description` (used in the meta description tag)
+- `collection` with a value of 'posts' (so its included in the built-in 'posts' collection. You can create other collections too!)
+- `date` (used to order the 'posts' collection)
 -->
 export const meta = {
   title: 'Example Post',
diff --git a/app/pages/index.js b/app/pages/index.js
index 3354f3b..5ffcc81 100644
--- a/app/pages/index.js
+++ b/app/pages/index.js
@@ -1,9 +1,8 @@
 // Example of a page written as a React component in a .js file.
 
-// Every page should export a `meta` object with at least a title and description.
+// Every page should export a `meta` object with at least a title.
 export const meta = {
-  title: 'Your Tropical site',
-  description: ''
+  title: 'Your Tropical site'
 }
 
 import React from 'react'