Don't render delete icon, instead of just setting it invisible

2019-05-21 17:32:51 +02:00
parent 4b469f2f49
commit cef2e850d7
3 changed files with 24 additions and 20 deletions
@@ -30,19 +30,19 @@ export default function SymptomViewHeader(props) {
          {formatDate(props.date)}
        </Text>
      </View >
-      <TouchableOpacity
-        onPress={props.deleteEntry}
-        style={[
-          styles.headerDeleteButton,
-          {opacity: props.deleteIconActive ? 1 : 0}
-        ]}
-        disabled={!props.deleteIconActive}
-      >
-        <Icon
-          name="delete"
-          {...iconStyles.symptomHeaderIcons}
-        />
-      </TouchableOpacity>
+      { props.deleteIconActive &&
+        <TouchableOpacity
+          onPress={props.deleteEntry}
+          style={[
+            styles.headerDeleteButton,
+          ]}
+        >
+          <Icon
+            name="delete"
+            {...iconStyles.symptomHeaderIcons}
+          />
+        </TouchableOpacity>
+      }

    </View>
  )