reformatting with prettier line length 80

src/App.js

@@ -275,7 +275,10 @@ class App extends React.Component {
         console.log('Successfully updated user profile:', data)
         // TODO        this.setState({ tasks: this.state.tasks.concat(data), newTask: '' })
       } else {
-        console.log('Received malformed data when updating user profile: ', data)
+        console.log(
+          'Received malformed data when updating user profile: ',
+          data,
+        )
       }
     } catch (e) {
       alert(`Updating user profile failed: ${e}`)

src/components/task-row.js

@@ -6,7 +6,10 @@ const TaskRow = props => {
   const projectName = project.name || 'None'
   return (
     <li className="list-group-item" key={task.id} onClick={props.editTask}>
-      <button className="btn btn-outline-danger mr-1" onClick={() => props.deleteTask(task.id)}>
+      <button
+        className="btn btn-outline-danger mr-1"
+        onClick={() => props.deleteTask(task.id)}
+      >
         X
       </button>
 
@@ -21,7 +24,9 @@ const TaskRow = props => {
       )}
 
       <button
-        className={`btn btn-${task.completed ? 'secondary' : 'outline-success'} float-right`}
+        className={`btn btn-${
+          task.completed ? 'secondary' : 'outline-success'
+        } float-right`}
         onClick={() => props.completeTask(task.id)}
       >
         &#10004;