From f3e8b81cb7b1f48c0f4cd8675ac0577d832057c9 Mon Sep 17 00:00:00 2001
From: Gabriel Sroka <gabrielsroka@gmail.com>
Date: Sun, 29 Dec 2019 15:43:06 -0800
Subject: [PATCH] Update IDEView.jsx

`<Overlay...` has a default `title` of `'Modal'`
https://github.com/processing/p5.js-web-editor/blob/master/client/modules/App/components/Overlay.jsx#L102

many modals are missing a title, so i added some. i made them basically the same as the `ariaLabel` (but capitalized, changed `-` to ` `, etc)
---
 client/modules/IDE/pages/IDEView.jsx | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/client/modules/IDE/pages/IDEView.jsx b/client/modules/IDE/pages/IDEView.jsx
index 24843d32..b573d223 100644
--- a/client/modules/IDE/pages/IDEView.jsx
+++ b/client/modules/IDE/pages/IDEView.jsx
@@ -190,6 +190,7 @@ class IDEView extends React.Component {
         <Toolbar />
         {this.props.ide.preferencesIsVisible &&
           <Overlay
+            title="Settings"
             ariaLabel="settings"
             closeOverlay={this.props.closePreferences}
           >
@@ -363,6 +364,7 @@ class IDEView extends React.Component {
         }
         { this.props.location.pathname === '/about' &&
           <Overlay
+            title="About"
             previousPath={this.props.ide.previousPath}
             ariaLabel="about"
           >
@@ -371,6 +373,7 @@ class IDEView extends React.Component {
         }
         {this.props.location.pathname === '/feedback' &&
           <Overlay
+            title="Submit Feedback"
             previousPath={this.props.ide.previousPath}
             ariaLabel="submit-feedback"
           >
@@ -394,6 +397,7 @@ class IDEView extends React.Component {
         }
         {this.props.ide.shareModalVisible &&
           <Overlay
+            title="Share"
             ariaLabel="share"
             closeOverlay={this.props.closeShareModal}
           >
@@ -406,6 +410,7 @@ class IDEView extends React.Component {
         }
         {this.props.ide.keyboardShortcutVisible &&
           <Overlay
+            title="Keyboard Shortcuts"
             ariaLabel="keyboard shortcuts"
             closeOverlay={this.props.closeKeyboardShortcutModal}
           >
@@ -414,6 +419,7 @@ class IDEView extends React.Component {
         }
         {this.props.ide.errorType &&
           <Overlay
+            title="Error"
             ariaLabel="error"
             closeOverlay={this.props.hideErrorModal}
           >