sentence casing for titles on dashboard create and edit forms (#192)

src/components/Dashboard/DashboardData.js

@@ -40,7 +40,7 @@ function DashboardData() {
     createTiles.PHRASE,
     {
       icon: 'Phrase',
-      name: 'Edit Words and Phrases',
+      name: 'Edit words and phrases',
       description: 'Edit the words and phrases in your dictionary',
       href: `edit/entries?${TYPES}=${TYPE_WORD},${TYPE_PHRASE}`,
       iconColor: 'storyText',

src/components/DashboardCreate/DashboardCreateData.js

@@ -16,63 +16,63 @@ function DashboardCreateData({ urlPrefix = '' }) {
   const createTiles = {
     WORD: {
       icon: 'Word',
-      name: 'Create a Word',
+      name: 'Create a word',
       description: 'Add a new word to your dictionary',
       href: addUrlPrefix('word'),
       iconColor: 'wordText',
       auth: ASSISTANT,
     },
     PHRASE: {
       icon: 'Phrase',
-      name: 'Create a Phrase',
+      name: 'Create a phrase',
       description: 'Add a new phrase to your dictionary',
       href: addUrlPrefix('phrase'),
       iconColor: 'phraseText',
       auth: ASSISTANT,
     },
     SONG: {
       icon: 'Song',
-      name: 'Create a Song',
+      name: 'Create a song',
       description: 'Add a new song to your site',
       href: addUrlPrefix('song'),
       iconColor: 'songText',
       auth: ASSISTANT,
     },
     STORY: {
       icon: 'Story',
-      name: 'Create a Story',
+      name: 'Create a story',
       description: 'Add a new story to your site',
       href: addUrlPrefix('story'),
       iconColor: 'storyText',
       auth: ASSISTANT,
     },
     SPEAKER: {
       icon: 'Speak',
-      name: 'Add a Speaker',
+      name: 'Add a speaker',
       description: 'Add a new speaker to your site',
       href: addUrlPrefix('speaker'),
       iconColor: 'storyText',
       auth: EDITOR,
     },
     CATEGORY: {
       icon: 'Category',
-      name: 'Add a Category',
+      name: 'Add a category',
       description: 'Add a new category to your dictionary',
       href: addUrlPrefix('category'),
       iconColor: 'tertiaryB',
       auth: LANGUAGE_ADMIN,
     },
     WIDGET: {
       icon: 'Widget',
-      name: 'Create a Widget',
+      name: 'Create a widget',
       description: "Add a new widget to your site's collection",
       href: addUrlPrefix('widget'),
       iconColor: 'songText',
       auth: LANGUAGE_ADMIN,
     },
     PAGE: {
       icon: 'WebPages',
-      name: 'Create a Custom Page',
+      name: 'Create a custom page',
       description: 'Add a new page to your site',
       href: addUrlPrefix('page'),
       iconColor: 'tertiaryA',

src/components/DashboardEdit/DashboardEditData.js

@@ -23,47 +23,47 @@ function DashboardEditData({ urlPrefix = '' }) {
   const editTiles = {
     WORDS: {
       icon: 'Word',
-      name: 'Edit Words',
+      name: 'Edit words',
       description: 'Edit the words in your dictionary',
       href: addUrlPrefix(`entries?${TYPES}=${TYPE_WORD}`),
       iconColor: 'wordText',
       auth: EDITOR,
     },
     PHRASES: {
       icon: 'Phrase',
-      name: 'Edit Phrases',
+      name: 'Edit phrases',
       description: 'Edit the phrases in your dictionary',
       href: addUrlPrefix(`entries?${TYPES}=${TYPE_PHRASE}`),
       iconColor: 'phraseText',
       auth: EDITOR,
     },
     SONGS: {
       icon: 'Song',
-      name: 'Edit Songs',
+      name: 'Edit songs',
       description: 'Edit the songs on your site',
       href: addUrlPrefix(`entries?${TYPES}=${TYPE_SONG}`),
       iconColor: 'songText',
       auth: EDITOR,
     },
     STORIES: {
       icon: 'Story',
-      name: 'Edit Stories',
+      name: 'Edit stories',
       description: 'Edit the stories on your site',
       href: addUrlPrefix(`entries?${TYPES}=${TYPE_STORY}`),
       iconColor: 'storyText',
       auth: EDITOR,
     },
     SPEAKERS: {
       icon: 'Speak',
-      name: 'Edit Speakers',
+      name: 'Edit speakers',
       description: 'Edit the speakers on your site',
       href: addUrlPrefix('speakers'),
       iconColor: 'storyText',
       auth: EDITOR,
     },
     CATEGORIES: {
       icon: 'Categories',
-      name: 'Edit Categories',
+      name: 'Edit categories',
       description:
         'Edit the categories for words and phrases in your dictionary',
       href: addUrlPrefix('categories'),
@@ -72,31 +72,31 @@ function DashboardEditData({ urlPrefix = '' }) {
     },
     WIDGETS: {
       icon: 'Widget',
-      name: 'Edit Widgets',
+      name: 'Edit widgets',
       description: 'Manage and edit the widgets on your site',
       href: addUrlPrefix('widgets'),
       iconColor: 'songText',
       auth: LANGUAGE_ADMIN,
     },
     PAGES: {
       icon: 'WebPages',
-      name: 'Edit Custom Pages',
+      name: 'Edit custom pages',
       description: 'Manage and edit the custom pages on your site',
       href: addUrlPrefix('pages'),
       iconColor: 'tertiaryA',
       auth: LANGUAGE_ADMIN,
     },
     HOMEPAGE: {
       icon: 'Home',
-      name: 'Edit Homepage',
+      name: 'Edit homepage',
       description: 'Edit the main homepage for your site',
       href: addUrlPrefix('home'),
       iconColor: 'wordText',
       auth: LANGUAGE_ADMIN,
     },
     ALPHABET: {
       icon: 'Alphabet',
-      name: 'Edit your Alphabet',
+      name: 'Edit your alphabet',
       description:
         'Update media and linked content for your alphabet characters',
       href: addUrlPrefix('alphabet'),

src/components/DashboardHome/DashboardHomePresentation.js

@@ -43,7 +43,7 @@ function DashboardHomePresentation({ site, tiles, currentUser }) {
         </section>
         <section>
           <h2 className="mb-3 mx-2 text-sm font-medium text-fv-charcoal-light">
-            Quick Links
+            Quick links
           </h2>
           <ul className="grid grid-cols-3 lg:grid-cols-4  gap-3">
             {tiles.map((tile) => (
@@ -71,7 +71,7 @@ function DashboardHomePresentation({ site, tiles, currentUser }) {
                         >
                           {/* Extend touch target to entire panel */}
                           <span
-                            className="absolute inset-0"
+                            className="absolute inset-0 capitalize"
                             aria-hidden="true"
                           />
                           {tile?.name}
@@ -83,7 +83,7 @@ function DashboardHomePresentation({ site, tiles, currentUser }) {
                         >
                           {/* Extend touch target to entire panel */}
                           <span
-                            className="absolute inset-0"
+                            className="absolute inset-0 capitalize"
                             aria-hidden="true"
                           />
                           {tile?.name}

src/components/MediaDetails/MediaDetailsAudio.js

@@ -37,7 +37,7 @@ function MediaDetailsAudio({ file }) {
                     className="py-3 flex justify-between text-sm font-medium"
                   >
                     <dt className="text-fv-charcoal-light capitalize">
-                      {key === 'mimeType' ? 'File Type' : key}
+                      {key === 'mimeType' ? 'File type' : key}
                     </dt>
                     <dd className="text-fv-charcoal max-w-1/2 truncate">
                       {file[key]}