From dabcccc4940049dad578745e9d9d7c096975c403 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 0004f888..d9a906d9 100644
--- a/client/modules/IDE/pages/IDEView.jsx
+++ b/client/modules/IDE/pages/IDEView.jsx
@@ -191,6 +191,7 @@ class IDEView extends React.Component {
         <Toolbar />
         {this.props.ide.preferencesIsVisible &&
           <Overlay
+            title="Settings"
             ariaLabel="settings"
             closeOverlay={this.props.closePreferences}
           >
@@ -389,6 +390,7 @@ class IDEView extends React.Component {
         }
         { this.props.location.pathname === '/about' &&
           <Overlay
+            title="About"
             previousPath={this.props.ide.previousPath}
             ariaLabel="about"
           >
@@ -397,6 +399,7 @@ class IDEView extends React.Component {
         }
         { this.props.location.pathname === '/feedback' &&
           <Overlay
+            title="Submit Feedback"
             previousPath={this.props.ide.previousPath}
             ariaLabel="submit-feedback"
           >
@@ -405,6 +408,7 @@ class IDEView extends React.Component {
         }
         { this.props.ide.shareModalVisible &&
           <Overlay
+            title="Share"
             ariaLabel="share"
             closeOverlay={this.props.closeShareModal}
           >
@@ -417,6 +421,7 @@ class IDEView extends React.Component {
         }
         { this.props.ide.keyboardShortcutVisible &&
           <Overlay
+            title="Keyboard Shortcuts"
             ariaLabel="keyboard shortcuts"
             closeOverlay={this.props.closeKeyboardShortcutModal}
           >
@@ -425,6 +430,7 @@ class IDEView extends React.Component {
         }
         { this.props.ide.errorType &&
           <Overlay
+            title="Error"
             ariaLabel="error"
             closeOverlay={this.props.hideErrorModal}
           >