Improvements to navbar component and notes (mainly translation support)

src/components/widgets/Notes.jsx

@@ -18,9 +18,8 @@ export default class Notes extends React.PureComponent {
     };
 
     pin() {
-        const pinned = localStorage.getItem('notesPinned');
         document.getElementById('noteContainer').classList.toggle('visibilityshow');
-        if (pinned === 'true') localStorage.setItem('notesPinned', false);
+        if (localStorage.getItem('notesPinned') === 'true') localStorage.setItem('notesPinned', false);
         else localStorage.setItem('notesPinned', true);
     }
 
@@ -35,9 +34,9 @@ export default class Notes extends React.PureComponent {
             <span id='noteContainer' className='notescontainer'>
                 <div className='topbarnotes'>
                     <NotesIcon/>
-                    <h3>Notes</h3>
+                    <h3>{this.props.language.title}</h3>
                 </div>
-                <TextareaAutosize rowsMax={50} placeholder='Enter Notes' value={this.state.notes} onChange={this.setNotes}/>
+                <TextareaAutosize rowsMax={50} placeholder={this.props.language.placeholder} value={this.state.notes} onChange={this.setNotes}/>
                 <button onClick={this.pin} className='pinNote'><Pin/></button>
                 <button onClick={copyNotes} className='saveNote'><CopyIcon/></button>
             </span>

src/components/widgets/PhotoInformation.jsx

@@ -12,7 +12,8 @@ export default class PhotoInformation extends React.PureComponent {
         <h1 id='photographer'>Photo By</h1>
         <Info className='photoInformationHover'/>
         <div className='infoCard'>
-          <Info className='infoIcon' /><h1>Information</h1>
+          <Info className='infoIcon'/>
+          <h1>Information</h1>
           <hr/>
           <Location/>
           <span id='location'></span>