render() { const { option = {}, autoFocus, values, change } = this.props; const adapter = typeToAdapterMap[option.type]; return ( <Fragment> <Field placeholder={option.name} autoFocus={autoFocus} name={option.key} component={adapter} option={option} /> {option.children && <OptionChildren change={change} values={values} option={option} />} </Fragment> ); }
const Sphere = ({ id = "rsm-sphere", fill = "transparent", stroke = "currentcolor", strokeWidth = 0.5, className = "", ...restProps }) => { const { path } = useContext(MapContext) const spherePath = useMemo(() => path({ type: "Sphere" }), [path]) return ( <Fragment> <defs> <clipPath id={id}> <path d={spherePath} /> </clipPath> </defs> <path d={spherePath} fill={fill} stroke={stroke} strokeWidth={strokeWidth} style={{ pointerEvents: "none" }} className={`rsm-sphere ${className}`} {...restProps} /> </Fragment> ) }
<Tooltip html={matches.map(([full, name, value]) => ( <Fragment> <S.Table.Wrap onClick={this.collapsed.toggle}> <S.Table.Name>{name}</S.Table.Name>
<Fragment> <S.Icon onClick={this.toggleMinimize} /> </Fragment>
</FormControl> {this.state.type === IMPORT_WORKSPACE_TYPES.GROUP && ( <Fragment> <A.Space size={3} /> <TextField
<Header> {!showWelcomeScreen && ( <Fragment> <IconWithTip onClick={() => store.openFolder()} icon={faPlus} tip="Import local project" /> <IconWithTip
<> {members.map((m, index) => ( <Fragment key={index}> <RemoveButtonGroup onRemoveClick={() => updateMethods.remove(m)}> <MemberDropdown
const CreateGroupActions = ({ back, create, name }) => ( <Fragment> <SecondaryButton label="Back" onClick={back} /> <PrimaryButton label="Create group" onClick={create} disabled={!name} extraClass="c_g_update" /> </Fragment> )
const MapPosts = ({ posts, nothingMssg }) => { let len = posts.length return ( <Fragment> {len == 0 ? ( <Nothing mssg={nothingMssg} /> ) : ( <FadeIn duration="500ms">{posts}</FadeIn> )} </Fragment> ) }
const Faq = () => ( <Fragment> <SiteTitle /> <h2 className="text-white text-center text-4xl font-extrabold">FAQS</h2> <div className="mx-auto w-5/6 lg:w-1/2 mb-4 mt-5"> {faqData.map(data => ( <FaqEntry key={data.question} data={data}></FaqEntry> ))} </div> </Fragment> )
CompressedBreadcrumbCellRender({ compressedCounter }) { const { classes: styles } = this.props; return compressedCounter < 2 ? ( <span> <KeyboardArrowRightIcon className={styles.breadcrumbSeperator} /> <MoreHorizIcon className={styles.breadcrumbSeperator} /> </span> ) : ( <Fragment /> ); }
const MyLastMssg = ({ lastMssgBy }) => ( <Fragment> {Me(lastMssgBy) && ( <span className="mssg_sent"> <MaterialIcon icon="done_all" /> </span> )} </Fragment> )
const ViewAvatarAction = ({ view, back, when, id, group_id }) => { let src = when == 'user' ? `/users/${id}/avatar.jpg` : `/groups/${group_id}/avatar.jpg` return ( <Fragment>{view ? <ViewAvatar imgSrc={src} back={back} /> : null}</Fragment> ) }
const RangeInput = ({ value, min, max, onChange, ...props }) => ( <Fragment> <input type="range" min={min} max={max} value={value} onChange={onChange} {...props} /> </Fragment> )