Show attention seeker when no group selected

package.json

@@ -38,6 +38,7 @@
     "react": "16.9.0",
     "react-dom": "16.9.0",
     "react-native": "https://github.com/expo/react-native/archive/sdk-37.0.0.tar.gz",
+    "react-native-animatable": "^1.3.3",
     "react-native-app-intro-slider": "^4.0.0",
     "react-native-appearance": "~0.3.3",
     "react-native-autolink": "^3.0.0",

src/components/Custom/AnimatedBottomBar.js

@@ -4,12 +4,15 @@ import * as React from 'react';
 import {StyleSheet, View} from "react-native";
 import {FAB, IconButton, Surface, withTheme} from "react-native-paper";
 import AutoHideComponent from "./AutoHideComponent";
+import * as Animatable from 'react-native-animatable';
+
+const AnimatedFAB = Animatable.createAnimatableComponent(FAB);
 
 type Props = {
     navigation: Object,
     theme: Object,
     onPress: Function,
-    currentGroup: string,
+    seekAttention: boolean,
 }
 
 type State = {
@@ -42,7 +45,7 @@ class AnimatedBottomBar extends React.Component<Props, State> {
     }
 
     shouldComponentUpdate(nextProps: Props, nextState: State) {
-        return (nextProps.currentGroup !== this.props.currentGroup)
+        return (nextProps.seekAttention !== this.props.seekAttention)
             || (nextState.currentMode !== this.state.currentMode);
     }
 
@@ -76,7 +79,11 @@ class AnimatedBottomBar extends React.Component<Props, State> {
                 style={styles.container}>
                 <Surface style={styles.surface}>
                     <View style={styles.fabContainer}>
-                        <FAB
+                        <AnimatedFAB
+                            animation={this.props.seekAttention ? "jello" : undefined}
+                            easing="ease-out"
+                            iterationCount="infinite"
+                            // useNativeDriver={true}
                             style={styles.fab}
                             icon="account-clock"
                             onPress={() => this.props.navigation.navigate('group-select')}

src/screens/Websites/PlanexScreen.js

@@ -336,7 +336,7 @@ class PlanexScreen extends React.Component<Props, State> {
                     {...this.props}
                     ref={this.barRef}
                     onPress={this.sendMessage}
-                    currentGroup={this.state.currentGroup.name}
+                    seekAttention={this.state.currentGroup.id === -1}
                 />
             </View>
         );