const SocialIconLink = ({ value, label }) => ( <Fragment> {value && ( <a href={value} target="_blank"> <i className={classNames('fab', `fa-${label}`)} /> </a> )} </Fragment> )
const ModalMiddle = ({ loading, list }) => { let len = list.length return ( <div className={classNames('modal_main', cLoading(loading))}> {len == 0 ? <Nothing showMssg={false} /> : list} </div> ) }
const CardAvatar = ({ ...props }) => { const { classes, children, className, plain, profile, ...rest } = props; const cardAvatarClasses = classNames({ [classes.cardAvatar]: true, [classes.cardAvatarProfile]: profile, [classes.cardAvatarPlain]: plain, [className]: className !== undefined }); return ( <div className={cardAvatarClasses} {...rest}> {children} </div> ); }
const Filter = ({ filter, previewImg, dispatch }) => { let f = filter.replace('filter-', '') let select = () => { new d('.filter_div').removeClass('select_receiver_toggle') new d(`.fp_${filter}`).addClass('select_receiver_toggle') dispatch(CPP('filter', filter)) } return ( <div className={classNames('filter_div', `fp_${filter}`)} onClick={select}> <img className={filter} src={previewImg} /> <span>{c_first(f)}</span> </div> ) }
const ToggleAddTags = ({ addTag, dispatch }) => { let toggle = () => dispatch(CPP('addTag', !addTag)) return ( <span className={classNames('tag_add', { p_span_toggle: addTag })} data-tip="Tag people" onClick={toggle} > <MaterialIcon icon="loyalty" /> </span> ) }
render() { let { loading } = this.state return ( <div> <Title value="Profile settings" /> <FadeIn duration="300ms"> <IsLoading loading={loading} /> <div className={classNames('pro_settings', cLoading(loading))}> <ChangeAccountType /> <BlockedUsers /> </div> </FadeIn> </div> ) }
const ProfileNav = ({ url, user }) => { return ( <div className={classNames('pro_nav', 'user_nav', { not_me_nav: !Me(user) })} > <ul> <ProfileNavLink url={url} label="Posts" /> <ProfileNavLink url={`${url}/tagged`} label="Tagged" /> <ProfileNavLink url={`${url}/shared`} label="Shared" /> <ProfileNavLink url={`${url}/gallery`} label="Gallery" /> {Me(user) && ( <ProfileNavLink url={`${url}/bookmarks`} label="Bookmarks" /> )} <ProfileNavLink url={`${url}/groups`} label="Groups" /> <ProfileNavLink url={`${url}/about`} label="About" /> </ul> </div> ) }
const CustomPaper = props => { const { classes, className, outlined, squared, children, ...rest } = props; const rootClassName = classNames( { [classes.root]: true, [classes.squared]: squared, [classes.outlined]: outlined }, className ); return ( <Paper {...rest} className={rootClassName}> {children} </Paper> ); }
render() { let { loading } = this.state let { hideConversation } = this.props return ( <div> <IsLoading loading={loading} /> <div className={classNames('mssg_messages', cLoading(loading))}> <FadeIn duration="300ms"> <ConversationTop hideConversation={hideConversation} /> <MapMessages /> <div className="m_m_bottom"> <TextMessage /> </div> </FadeIn> </div> </div> ) }
const FAIcon = ({ icon, ...props }) => ( <Fragment> <i className={classNames('fas', `fa-${icon}`)} {...props} /> </Fragment> )
const GetLocation = ({ postIt, dispatch }) => { let { location } = postIt let dp = (...args) => dispatch(CPP(...args)) let getLocation = async () => { let geolocationSuccess = async pos => { dp('fetchingLocation', true) let address = await getAddress(pos) dp('location', address) dp('fetchingLocation', false) } geolocation(geolocationSuccess) } return ( <span className={classNames('loc_add', { p_span_toggle: location })} data-tip="Add location" onClick={getLocation} > <MaterialIcon icon="location_on" /> </span> ) }
const CardBody = ({ ...props }) => { const { classes, className, children, plain, profile, ...rest } = props; const cardBodyClasses = classNames({ [classes.cardBody]: true, [classes.cardBodyPlain]: plain, [classes.cardBodyProfile]: profile, [className]: className !== undefined }); return ( <div className={cardBodyClasses} {...rest}> {children} </div> ); }
const PrimaryButton = ({ label, onClick, extraClass, disabled, ...props }) => { let disabledClass = disabled ? 'a_disabled' : '' return ( <Fragment> <a href="#" className={classNames('pri_btn', extraClass, disabledClass)} onClick={onClick} {...props} > {typeof label == 'function' ? label() : label} </a> </Fragment> ) }
render() { let { loading } = this.state return ( <div> <Title value="Explore photos" /> <FadeIn duration="300ms"> <IsLoading loading={loading} /> <div className={classNames('m_div', 'explore_photos', cLoading(loading))} style={{ marginTop: 0 }} > <ExplorePhotoGallery /> </div> </FadeIn> </div> ) }
const SecondaryButton = ({ label, onClick, extraClass, disabled, ...props }) => { let disabledClass = disabled ? 'sec_btn_disabled' : '' return ( <Fragment> <a href="#" className={classNames('sec_btn', extraClass, disabledClass)} onClick={onClick} {...props} > {typeof label == 'function' ? label() : label} </a> </Fragment> ) }