Merge pull request #130 from h-be/fix-crashes

Fix crashes that relate to PriorityPicker (and reset ExpandedViewMode)

src/components/ExpandedViewMode/ExpandedViewModeContent/ExpandedViewModeContent.js

@@ -69,6 +69,16 @@ export default function ExpandedViewModeContent({
   const [content, setContent] = useState(goalContent)
   const [description, setDescription] = useState(goalDescription)
 
+  // reset
+  useEffect(() => {
+    if (!goalAddress) {
+      setActiveTab('comments')
+      setEditSquirrels(false)
+      setSquirrelInfoPopup(null)
+      setEditTimeframe(false)
+    }
+  }, [goalAddress])
+
   // handle change of goal
   useEffect(() => {
     setContent(goalContent)

src/components/ExpandedViewMode/ExpandedViewModeHeader/ExpandedViewModeHeader.js

@@ -1,4 +1,4 @@
-import React, { useState } from 'react'
+import React, { useState, useEffect } from 'react'
 import './ExpandedViewModeHeader.css'
 
 import Icon from '../../Icon/Icon'
@@ -16,6 +16,12 @@ export default function ExpandedViewModeHeader({
   }
   const [viewsOpen, setViews] = useState(defaultViews)
 
+  useEffect(() => {
+    if (!goalAddress) {
+      setViews({ ...defaultViews })
+    }
+  }, [goalAddress])
+
   const updateGoalStatus = status => {
     updateGoal(
       {

src/components/ExpandedViewMode/RightMenu/RightMenu.js

@@ -1,4 +1,4 @@
-import React, { useState } from 'react'
+import React, { useState, useEffect } from 'react'
 import moment from 'moment'
 import './RightMenu.css'
 
@@ -31,6 +31,12 @@ export default function RightMenu({ goalAddress, goal, updateGoal }) {
 
   const [viewsOpen, setViews] = useState(defaultViews)
 
+  useEffect(() => {
+    if (!goalAddress) {
+      setViews({ ...defaultViews })
+    }
+  }, [goalAddress])
+
   const rightMenuPriorityClass = viewsOpen.priority ? 'active' : ''
   const rightMenuHelpClass = viewsOpen.help ? 'active' : ''
 

src/components/PriorityPicker/PriorityPicker.js

@@ -306,7 +306,7 @@ function Priority({
       )}
 
       {/* Weigh In / Vote */}
-      {openMyVote && (
+      {openMyVote && myVote && (
         <div className='my_vote'>
           <WeighIn myVote={myVote} onUpdate={onUpdateVote} />
           <div className='priority_wrapper_button'>