Fixes onboarding modal (#318)

app/javascript/flavours/glitch/features/composer/index.js

@@ -350,10 +350,10 @@ class Composer extends React.Component {
           acceptContentTypes={acceptContentTypes}
           advancedOptions={advancedOptions}
           disabled={isSubmitting}
-          full={media.size >= 4 || media.some(
+          full={media ? media.size >= 4 || media.some(
             item => item.get('type') === 'video'
-          )}
+          ) : false}
-          hasMedia={!!media.size}
+          hasMedia={media && !!media.size}
           intl={intl}
           onChangeAdvancedOption={onChangeAdvancedOption}
           onChangeSensitivity={onChangeSensitivity}
@@ -369,7 +369,7 @@ class Composer extends React.Component {
           spoiler={spoiler}
         />
         <ComposerPublisher
-          countText={`${spoilerText}${countableText(text)}${advancedOptions.get('do_not_federate') ? ' 👁️' : ''}`}
+          countText={`${spoilerText}${countableText(text)}${advancedOptions && advancedOptions.get('do_not_federate') ? ' 👁️' : ''}`}
           disabled={isSubmitting || isUploading || !!text.length && !text.trim().length}
           intl={intl}
           onSecondarySubmit={handleSecondarySubmit}

app/javascript/flavours/glitch/features/composer/options/dropdown/content/index.js

@@ -96,7 +96,7 @@ export default class ComposerOptionsDropdownContent extends React.PureComponent
               transform: `scale(${scaleX}, ${scaleY})`,
             }}
           >
-            {items.map(
+            {items ? items.map(
               ({
                 name,
                 ...rest
@@ -110,7 +110,7 @@ export default class ComposerOptionsDropdownContent extends React.PureComponent
                   options={rest}
                 />
               )
-            )}
+            ) : null}
           </div>
         )}
       </Motion>
@@ -127,7 +127,7 @@ ComposerOptionsDropdownContent.propTypes = {
     name: PropTypes.string.isRequired,
     on: PropTypes.bool,
     text: PropTypes.node,
-  })).isRequired,
+  })),
   onChange: PropTypes.func,
   onClose: PropTypes.func,
   style: PropTypes.object,

app/javascript/flavours/glitch/features/composer/options/index.js

@@ -292,31 +292,29 @@ export default class ComposerOptions extends React.PureComponent {
           onClick={onToggleSpoiler}
           title={intl.formatMessage(messages.spoiler)}
         />
-        {advancedOptions ? (
+        <Dropdown
-          <Dropdown
+          active={advancedOptions && advancedOptions.some(value => !!value)}
-            active={advancedOptions.some(value => !!value)}
+          disabled={disabled}
-            disabled={disabled}
+          icon='ellipsis-h'
-            icon='ellipsis-h'
+          items={advancedOptions ? [
-            items={[
+            {
-              {
+              meta: <FormattedMessage {...messages.local_only_long} />,
-                meta: <FormattedMessage {...messages.local_only_long} />,
+              name: 'do_not_federate',
-                name: 'do_not_federate',
+              on: advancedOptions.get('do_not_federate'),
-                on: advancedOptions.get('do_not_federate'),
+              text: <FormattedMessage {...messages.local_only_short} />,
-                text: <FormattedMessage {...messages.local_only_short} />,
+            },
-              },
+            {
-              {
+              meta: <FormattedMessage {...messages.threaded_mode_long} />,
-                meta: <FormattedMessage {...messages.threaded_mode_long} />,
+              name: 'threaded_mode',
-                name: 'threaded_mode',
+              on: advancedOptions.get('threaded_mode'),
-                on: advancedOptions.get('threaded_mode'),
+              text: <FormattedMessage {...messages.threaded_mode_short} />,
-                text: <FormattedMessage {...messages.threaded_mode_short} />,
+            },
-              },
+          ] : null}
-            ]}
+          onChange={onChangeAdvancedOption}
-            onChange={onChangeAdvancedOption}
+          onModalClose={onModalClose}
-            onModalClose={onModalClose}
+          onModalOpen={onModalOpen}
-            onModalOpen={onModalOpen}
+          title={intl.formatMessage(messages.advanced_options_icon_title)}
-            title={intl.formatMessage(messages.advanced_options_icon_title)}
+        />
-          />
-        ) : null}
       </div>
     );
   }

app/javascript/flavours/glitch/features/ui/components/onboarding_modal.js

@@ -38,11 +38,6 @@ PageOne.propTypes = {
   domain: PropTypes.string.isRequired,
 };
 
-const composerState = {
-  showSearch: true,
-  text: 'Awoo! #introductions',
-};
-
 const PageTwo = ({ intl, myAccount }) => (
   <div className='onboarding-modal__page onboarding-modal__page-two'>
     <div className='figure non-interactive'>
@@ -50,7 +45,9 @@ const PageTwo = ({ intl, myAccount }) => (
         <DrawerAccount account={myAccount} />
         <RawComposer
           intl={intl}
-          state={composerState}
+          privacy='public'
+          showSearch
+          text='Awoo! #introductions'
         />
       </div>
     </div>