@plusscommunities/pluss-core-app 6.1.7 → 6.1.8-auth.0

package/src/components/AudienceSelectorLauncher.js

@@ -1,61 +1,65 @@
-import React, { PureComponent } from 'react';
-import { StyleSheet } from 'react-native';
-import { connect } from 'react-redux';
-import { FormCardSectionOptionLauncher } from './FormCardSectionOptionLauncher';
-import { getMainBrandingColourFromState, TEXT_DARK } from '../colours';
-import { Services } from '../config';
+import React, { PureComponent } from "react";
+import { StyleSheet } from "react-native";
+import { connect } from "react-redux";
+import { FormCardSectionOptionLauncher } from "./FormCardSectionOptionLauncher";
+import { getMainBrandingColourFromState, TEXT_DARK } from "../colours";
+import { Services } from "../config";
 
 class AudienceSelectorLauncher extends PureComponent {
-  onPressAudience = () => {
-    const { user, audienceType, audienceTypeSelection } = this.props;
+	onPressAudience = () => {
+		const { user, audienceType, audienceTypeSelection } = this.props;
 
-    Services.navigation.navigate('audienceSelectorPage', {
-      site: user.site,
-      audienceType: audienceType || 'Custom',
-      audienceTypeSelection: audienceTypeSelection || [],
-      onChange: (audienceType, audienceTypeSelection) => {
-        if (this.props.onChange) this.props.onChange(audienceType, audienceTypeSelection);
-      },
-    });
-  };
+		Services.navigation.navigate("audienceSelectorPage", {
+			site: user.site,
+			audienceType: audienceType || "Custom",
+			audienceTypeSelection: audienceTypeSelection || [],
+			onChange: (audienceType, audienceTypeSelection) => {
+				if (this.props.onChange)
+					this.props.onChange(audienceType, audienceTypeSelection);
+			},
+		});
+	};
 
-  render() {
-    const { style, textStyle, audienceTypeSelection } = this.props;
-    const selected =
-      audienceTypeSelection && audienceTypeSelection.length > 0
-        ? `Current selection: ${audienceTypeSelection.map(i => i.Title).join(', ')}`
-        : '';
+	render() {
+		const { style, textStyle, audienceTypeSelection } = this.props;
+		const selected =
+			audienceTypeSelection && audienceTypeSelection.length > 0
+				? `Current selection: ${audienceTypeSelection.map((i) => i.Title).join(", ")}`
+				: "";
 
-    return (
-      <FormCardSectionOptionLauncher
-        sectionStyle={[styles.audienceSection, style]}
-        textStyle={[styles.audienceText, textStyle]}
-        onPress={this.onPressAudience}
-        title="Audience"
-        description={selected}
-        value={selected ? 'Custom' : 'All Users'}
-      />
-    );
-  }
+		return (
+			<FormCardSectionOptionLauncher
+				sectionStyle={[styles.audienceSection, style]}
+				textStyle={[styles.audienceText, textStyle]}
+				onPress={this.onPressAudience}
+				title="Audience"
+				description={selected}
+				value={selected ? "Custom" : "All Users"}
+			/>
+		);
+	}
 }
 
 const styles = StyleSheet.create({
-  audienceSection: {
-    paddingHorizontal: 0,
-  },
-  audienceText: {
-    fontFamily: 'sf-semibold',
-    fontSize: 16,
-    color: TEXT_DARK,
-  },
+	audienceSection: {
+		paddingHorizontal: 0,
+	},
+	audienceText: {
+		fontFamily: "sf-semibold",
+		fontSize: 16,
+		color: TEXT_DARK,
+	},
 });
 
-const mapStateToProps = state => {
-  return {
-    user: state.user,
-    colourBrandingMain: getMainBrandingColourFromState(state),
-  };
+const mapStateToProps = (state) => {
+	return {
+		user: state.user,
+		colourBrandingMain: getMainBrandingColourFromState(state),
+	};
 };
 
-const audienceSelectorLauncher = connect(mapStateToProps, {})(AudienceSelectorLauncher);
+const audienceSelectorLauncher = connect(
+	mapStateToProps,
+	{},
+)(AudienceSelectorLauncher);
 export { audienceSelectorLauncher as AudienceSelectorLauncher };