anyproto/anytype-ts
1
0
Fork 0
mirror of https://github.com/anyproto/anytype-ts.git synced 2025-06-08 05:57:02 +09:00
Code Activity

JS-6107: Remove React.Fragment

Browse source
This commit is contained in:
Andrew Simachev 2025-01-06 15:23:48 +01:00
parent 6919731701
commit 437db5fb5b
No known key found for this signature in database
GPG key ID: 1DFE44B21443F0EF
69 changed files with 188 additions and 188 deletions
Download patch file Download diff file Expand all files Collapse all files

4
extension/iframe.tsx
View file

@ -38,11 +38,11 @@ class RoutePage extends React.Component<RouteComponentProps> {
const Component = Components[page];
return (
<React.Fragment>
<>
<ListMenu key="listMenu" {...this.props} />
{Component ? <Component /> : null}
</React.Fragment>
</>
);
};

4
extension/popup.tsx
View file

@ -39,11 +39,11 @@ class RoutePage extends React.Component<RouteComponentProps> {
const Component = Components[page];
return (
<React.Fragment>
<>
<ListMenu key="listMenu" {...this.props} />
{Component ? <Component /> : null}
</React.Fragment>
</>
);
};
};

4
src/ts/component/block/bookmark.tsx
View file

@ -45,7 +45,7 @@ const BlockBookmark = observer(class BlockBookmark extends React.Component<I.Blo
case I.BookmarkState.Error:
case I.BookmarkState.Empty: {
element = (
<React.Fragment>
<>
{state == I.BookmarkState.Error ? <Error text={translate('blockBookmarkError')} /> : ''}
<InputWithFile
block={block}
@ -55,7 +55,7 @@ const BlockBookmark = observer(class BlockBookmark extends React.Component<I.Blo
onChangeUrl={this.onChangeUrl}
readonly={readonly}
/>
</React.Fragment>
</>
);
break;
};

4
src/ts/component/block/cover.tsx
View file

@ -90,7 +90,7 @@ const BlockCover = observer(class BlockCover extends React.Component<I.BlockComp
cn.push('active');
elements = (
<React.Fragment>
<>
<div key="btn-drag" className="btn black drag withIcon">
<Icon />
<div className="txt">{translate('blockCoverDrag')}</div>
@ -110,7 +110,7 @@ const BlockCover = observer(class BlockCover extends React.Component<I.BlockComp
<div className="btn white" onMouseDown={this.onSave}>{translate('commonSave')}</div>
<div className="btn white" onMouseDown={this.onCancel}>{translate('commonCancel')}</div>
</div>
</React.Fragment>
</>
);
} else {
elements = (

4
src/ts/component/block/dataview/view/gallery.tsx
View file

@ -119,9 +119,9 @@ const ViewGallery = observer(class ViewGallery extends React.Component<I.ViewCom
if (isInline) {
const records = this.getRecords();
content = (
<React.Fragment>
<>
{records.map(id => row(id))}
</React.Fragment>
</>
);
} else {
content = (

8
src/ts/component/block/dataview/view/grid/body/row.tsx
View file

@ -33,7 +33,7 @@ const BodyRow = observer(class BodyRow extends React.Component<Props> {
};
let content = (
<React.Fragment>
<>
{relations.map((relation: any, i: number) => (
<Cell
key={[ 'grid', block.id, relation.relationKey, record.id ].join(' ')}
@ -45,7 +45,7 @@ const BodyRow = observer(class BodyRow extends React.Component<Props> {
/>
))}
<div className="cell last" />
</React.Fragment>
</>
);
if (isInline) {
@ -64,7 +64,7 @@ const BodyRow = observer(class BodyRow extends React.Component<Props> {
if (isCollection && !isInline) {
content = (
<React.Fragment>
<>
{!readonly ? <Icon
className="drag"
draggable={true}
@ -76,7 +76,7 @@ const BodyRow = observer(class BodyRow extends React.Component<Props> {
<DropTarget {...this.props} rootId={rootId} id={record.id} dropType={I.DropType.Record}>
{content}
</DropTarget>
</React.Fragment>
</>
);
};

8
src/ts/component/block/dataview/view/list/row.tsx
View file

@ -32,7 +32,7 @@ const Row = observer(class Row extends React.Component<Props> {
};
let content = (
<React.Fragment>
<>
{relations.map((relation: any, i: number) => {
const id = Relation.cellId(idPrefix, relation.relationKey, record.id);
return (
@ -55,7 +55,7 @@ const Row = observer(class Row extends React.Component<Props> {
/>
);
})}
</React.Fragment>
</>
);
if (!isInline) {
@ -68,7 +68,7 @@ const Row = observer(class Row extends React.Component<Props> {
if (isCollection && !isInline) {
content = (
<React.Fragment>
<>
<Icon
className="drag"
draggable={true}
@ -80,7 +80,7 @@ const Row = observer(class Row extends React.Component<Props> {
<DropTarget {...this.props} rootId={rootId} id={record.id} dropType={I.DropType.Record}>
{content}
</DropTarget>
</React.Fragment>
</>
);
};

4
src/ts/component/block/media/audio.tsx
View file

@ -44,7 +44,7 @@ const BlockAudio = observer(class BlockAudio extends React.Component<I.BlockComp
case I.FileState.Error:
case I.FileState.Empty: {
element = (
<React.Fragment>
<>
{state == I.FileState.Error ? <Error text={translate('blockFileError')} /> : ''}
<InputWithFile
block={block}
@ -55,7 +55,7 @@ const BlockAudio = observer(class BlockAudio extends React.Component<I.BlockComp
onChangeFile={this.onChangeFile}
readonly={readonly}
/>
</React.Fragment>
</>
);
break;
};

4
src/ts/component/block/media/image.tsx
View file

@ -50,7 +50,7 @@ const BlockImage = observer(class BlockImage extends React.Component<I.BlockComp
default:
case I.FileState.Empty: {
element = (
<React.Fragment>
<>
{state == I.FileState.Error ? <Error text={translate('blockFileError')} /> : ''}
<InputWithFile
block={block}
@ -61,7 +61,7 @@ const BlockImage = observer(class BlockImage extends React.Component<I.BlockComp
onChangeFile={this.onChangeFile}
readonly={readonly}
/>
</React.Fragment>
</>
);
break;
};

4
src/ts/component/block/media/pdf.tsx
View file

@ -66,7 +66,7 @@ const BlockPdf = observer(class BlockPdf extends React.Component<I.BlockComponen
case I.FileState.Error:
case I.FileState.Empty: {
element = (
<React.Fragment>
<>
{state == I.FileState.Error ? <Error text={translate('blockFileError')} /> : ''}
<InputWithFile
block={block}
@ -77,7 +77,7 @@ const BlockPdf = observer(class BlockPdf extends React.Component<I.BlockComponen
onChangeFile={this.onChangeFile}
readonly={readonly}
/>
</React.Fragment>
</>
);
break;
};

4
src/ts/component/block/media/video.tsx
View file

@ -53,7 +53,7 @@ const BlockVideo = observer(class BlockVideo extends React.Component<I.BlockComp
case I.FileState.Error:
case I.FileState.Empty: {
element = (
<React.Fragment>
<>
{state == I.FileState.Error ? <Error text={translate('blockFileError')} /> : ''}
<InputWithFile
block={block}
@ -64,7 +64,7 @@ const BlockVideo = observer(class BlockVideo extends React.Component<I.BlockComp
onChangeFile={this.onChangeFile}
readonly={readonly}
/>
</React.Fragment>
</>
);
break;
};

4
src/ts/component/block/relation.tsx
View file

@ -44,10 +44,10 @@ const BlockRelation = observer(class BlockRelation extends React.Component<I.Blo
<div className="sides">
<div className={[ 'info', 'noValue', (!readonly ? 'canEdit' : '') ].join(' ')} onClick={this.onMenu}>
{relation ? (
<React.Fragment>
<>
<Icon className="ghost" />
{translate('commonDeletedRelation')}
</React.Fragment>
</>
) : 'New relation'}
</div>
</div>

4
src/ts/component/block/table.tsx
View file

@ -120,7 +120,7 @@ const BlockTable = observer(class BlockTable extends React.Component<I.BlockComp
</div>
</div>
{!readonly ? (
<React.Fragment>
<>
<div id="plus-v" className="plusButton vertical" onClick={this.onPlusV}>
<Icon />
</div>
@ -130,7 +130,7 @@ const BlockTable = observer(class BlockTable extends React.Component<I.BlockComp
<div id="plus-c" className="plusButton circle" onClick={this.onPlus}>
<Icon />
</div>
</React.Fragment>
</>
) : ''}
</div>
</div>

4
src/ts/component/block/text.tsx
View file

@ -117,7 +117,7 @@ const BlockText = observer(class BlockText extends React.Component<Props> {
spellcheck = false;
additional = (
<React.Fragment>
<>
<Select
id={'lang-' + id}
arrowClassName="light"
@ -139,7 +139,7 @@ const BlockText = observer(class BlockText extends React.Component<Props> {
<div className="txt">{translate('commonCopy')}</div>
</div>
</div>
</React.Fragment>
</>
);
break;
};

4
src/ts/component/header/main/history.tsx
View file

@ -21,7 +21,7 @@ const HeaderMainHistory = observer(forwardRef<HeaderMainHistoryRefProps, I.Heade
}));
return (
<React.Fragment>
<>
<div className="side left">{renderLeftIcons()}</div>
<div className="side center">
@ -41,7 +41,7 @@ const HeaderMainHistory = observer(forwardRef<HeaderMainHistoryRefProps, I.Heade
/>
) : ''}
</div>
</React.Fragment>
</>
);
}));

4
src/ts/component/menu/block/context.tsx
View file

@ -72,7 +72,7 @@ const MenuBlockContext = observer(class MenuBlockContext extends React.Component
) : ''}
{canHaveMarks ? (
<React.Fragment>
<>
{markActions.length ? (
<div className="section">
{markActions.map((action: any, i: number) => {
@ -126,7 +126,7 @@ const MenuBlockContext = observer(class MenuBlockContext extends React.Component
onMouseDown={e => this.onMark(e, I.MarkType.BgColor)}
/>
</div>
</React.Fragment>
</>
) : ''}
{hasMore ? (

4
src/ts/component/menu/block/cover.tsx
View file

@ -90,7 +90,7 @@ const MenuBlockCover = observer(class MenuBlockCover extends React.Component<I.M
case Tab.Unsplash:
case Tab.Library: {
content = (
<React.Fragment>
<>
{sections.length ? (
<div className="sections">
{sections.map((section: any, i: number) => (
@ -98,7 +98,7 @@ const MenuBlockCover = observer(class MenuBlockCover extends React.Component<I.M
))}
</div>
) : <EmptySearch text={filter ? U.Common.sprintf(translate('menuBlockCoverEmptyFilter'), filter) : translate('menuBlockCoverEmpty')} />}
</React.Fragment>
</>
);
break;
};

4
src/ts/component/menu/block/mention.tsx
View file

@ -86,7 +86,7 @@ const MenuBlockMention = observer(class MenuBlockMention extends React.Component
};
return (
<React.Fragment>
<>
{!items.length && !isLoading ? (
<EmptySearch text={translate('commonNothingFound')} />
) : ''}
@ -122,7 +122,7 @@ const MenuBlockMention = observer(class MenuBlockMention extends React.Component
)}
</div>
) : ''}
</React.Fragment>
</>
);
};

4
src/ts/component/menu/dataview/calendar.tsx
View file

@ -137,7 +137,7 @@ const MenuCalendar = observer(class MenuCalendar extends React.Component<I.Menu,
})}
</div>
{canEdit ? (
<React.Fragment>
<>
<div className="line" />
<div className="foot">
<div className="sides">
@ -150,7 +150,7 @@ const MenuCalendar = observer(class MenuCalendar extends React.Component<I.Menu,
</div>
</div>
</div>
</React.Fragment>
</>
) : ''}
</div>
);

4
src/ts/component/menu/dataview/calendar/day.tsx
View file

@ -67,11 +67,11 @@ const MenuCalendarDay = observer(class MenuCalendarDay extends React.Component<I
{!items.length ? (
<div className="item empty">{translate('menuDataviewObjectListEmptySearch')}</div>
) : (
<React.Fragment>
<>
{items.map((item, i) => (
<Item key={i} {...item} />
))}
</React.Fragment>
</>
)}
</div>
</div>

4
src/ts/component/menu/dataview/context.tsx
View file

@ -37,11 +37,11 @@ class MenuContext extends React.Component<I.Menu> {
return (
<div>
{sections.length ? (
<React.Fragment>
<>
{sections.map((item: any, i: number) => (
<Section key={i} index={i} {...item} />
))}
</React.Fragment>
</>
) : (
<div className="item empty">{translate('menuDataviewContextNoAvailableActions')}</div>
)}

4
src/ts/component/menu/dataview/file/values.tsx
View file

@ -32,10 +32,10 @@ const MenuDataviewFileValues = observer(class MenuDataviewFileValues extends Rea
));
const File = (item: any) => (
<React.Fragment>
<>
<IconObject object={item} />
<ObjectName object={item} />
</React.Fragment>
</>
);
const Image = (item: any) => (

20
src/ts/component/menu/dataview/filter/values.tsx
View file

@ -122,10 +122,10 @@ const MenuDataviewFilterValues = observer(class MenuDataviewFilterValues extends
list = Relation.getOptions(item.value);
value = (
<React.Fragment>
<>
{!isReadonly ? <ItemAdd onClick={this.onTag} /> : ''}
{list.map(element => <Item key={element.id} {...element} />)}
</React.Fragment>
</>
);
break;
};
@ -159,10 +159,10 @@ const MenuDataviewFilterValues = observer(class MenuDataviewFilterValues extends
list = list.filter(it => !it._empty_);
value = (
<React.Fragment>
<>
{!isReadonly ? <ItemAdd onClick={e => this.onObject(e, item)} /> : ''}
{list.map((item: any, i: number) => <Item key={i} {...item} />)}
</React.Fragment>
</>
);
break;
};
@ -188,7 +188,7 @@ const MenuDataviewFilterValues = observer(class MenuDataviewFilterValues extends
case I.RelationType.Date: {
if ([ I.FilterQuickOption.NumberOfDaysAgo, I.FilterQuickOption.NumberOfDaysNow ].includes(item.quickOption)) {
value = (
<React.Fragment>
<>
<Input
key="filter-value-date-days-input"
ref={ref => this.refInput = ref}
@ -200,12 +200,12 @@ const MenuDataviewFilterValues = observer(class MenuDataviewFilterValues extends
readonly={isReadonly}
/>
<Icon className="clear" onClick={this.onClear} />
</React.Fragment>
</>
);
} else
if ([ I.FilterQuickOption.ExactDate ].includes(item.quickOption)) {
value = (
<React.Fragment>
<>
<Input
key="filter-value-date-exact-input"
ref={ref => this.refInput = ref}
@ -217,7 +217,7 @@ const MenuDataviewFilterValues = observer(class MenuDataviewFilterValues extends
readonly={isReadonly}
/>
<Icon className="clear" onClick={this.onClear} />
</React.Fragment>
</>
);
onSubmit = this.onSubmitDate;
};
@ -227,7 +227,7 @@ const MenuDataviewFilterValues = observer(class MenuDataviewFilterValues extends
default: {
value = (
<React.Fragment>
<>
<Input
ref={ref => this.refInput = ref}
value={item.value}
@ -238,7 +238,7 @@ const MenuDataviewFilterValues = observer(class MenuDataviewFilterValues extends
readonly={isReadonly}
/>
<Icon className="clear" onClick={this.onClear} />
</React.Fragment>
</>
);
wrapValue = true;
break;

8
src/ts/component/menu/item/filter.tsx
View file

@ -88,7 +88,7 @@ const MenuItemFilter = observer(class MenuItemFilter extends React.Component<Pro
if (list.length) {
v = (
<React.Fragment>
<>
{list.map((item: any) => (
<Tag
key={item.id}
@ -97,7 +97,7 @@ const MenuItemFilter = observer(class MenuItemFilter extends React.Component<Pro
className={Relation.selectClassName(relation.format)}
/>
))}
</React.Fragment>
</>
);
} else {
v = 'empty';
@ -122,11 +122,11 @@ const MenuItemFilter = observer(class MenuItemFilter extends React.Component<Pro
list = list.filter(it => !it._empty_);
v = (
<React.Fragment>
<>
{list.map((item: any, i: number) => {
return <Item key={i} {...item} />;
})}
</React.Fragment>
</>
);
break;
};

12
src/ts/component/menu/item/vertical.tsx
View file

@ -101,7 +101,7 @@ class MenuItemVertical extends React.Component<I.MenuItem> {
} else
if (withDescription) {
content = (
<React.Fragment>
<>
{iconMainElement}
<div className="info">
<div className="txt">
@ -110,7 +110,7 @@ class MenuItemVertical extends React.Component<I.MenuItem> {
</div>
{iconSideElement}
</div>
</React.Fragment>
</>
);
} else {
let additional = null;
@ -135,19 +135,19 @@ class MenuItemVertical extends React.Component<I.MenuItem> {
);
} else {
additional = (
<React.Fragment>
<>
{typeof caption === 'string' ? (
<div className="caption" dangerouslySetInnerHTML={{ __html: U.Common.sanitize(caption) }} />
) : (
<div className="caption">{caption}</div>
)}
{withMore ? <Icon className="more" onMouseDown={onMore} /> : ''}
</React.Fragment>
</>
);
};
content = (
<React.Fragment>
<>
<div
className="clickable"
onMouseDown={hasClick ? undefined : onClick}
@ -157,7 +157,7 @@ class MenuItemVertical extends React.Component<I.MenuItem> {
{iconSideElement}
</div>
{additional}
</React.Fragment>
</>
);
};

4
src/ts/component/menu/object.tsx
View file

@ -45,7 +45,7 @@ class MenuObject extends React.Component<I.Menu> {
let sectionPage = null;
if (block && block.isPage() && config.sudo && restrictions.length) {
sectionPage = (
<React.Fragment>
<>
<div className="section">
<div className="name">Restrictions</div>
<div className="items">
@ -54,7 +54,7 @@ class MenuObject extends React.Component<I.Menu> {
))}
</div>
</div>
</React.Fragment>
</>
);
};

8
src/ts/component/menu/select.tsx
View file

@ -101,11 +101,11 @@ const MenuSelect = observer(class MenuSelect extends React.Component<I.Menu> {
let content = null;
if (noVirtualisation) {
content = (
<React.Fragment>
<>
{items.map((item, i) => (
<Item {...item} key={i} index={i} />
))}
</React.Fragment>
</>
);
} else {
const rowRenderer = (param: any) => (
@ -150,7 +150,7 @@ const MenuSelect = observer(class MenuSelect extends React.Component<I.Menu> {
};
return (
<React.Fragment>
<>
{withFilter ? (
<Filter
ref={ref => this.refFilter = ref}
@ -170,7 +170,7 @@ const MenuSelect = observer(class MenuSelect extends React.Component<I.Menu> {
<div className="items">
{content}
</div>
</React.Fragment>
</>
);
};

8
src/ts/component/menu/smile.tsx
View file

@ -147,7 +147,7 @@ const MenuSmile = observer(class MenuSmile extends React.Component<I.Menu, State
};
content = (
<React.Fragment>
<>
<Filter
ref={ref => this.refFilter = ref}
value={filter}
@ -207,7 +207,7 @@ const MenuSmile = observer(class MenuSmile extends React.Component<I.Menu, State
/>
</div>
) : ''}
</React.Fragment>
</>
);
break;
};
@ -247,7 +247,7 @@ const MenuSmile = observer(class MenuSmile extends React.Component<I.Menu, State
};
content = (
<React.Fragment>
<>
<Filter
ref={ref => this.refFilter = ref}
value={filter}
@ -287,7 +287,7 @@ const MenuSmile = observer(class MenuSmile extends React.Component<I.Menu, State
): ''}
</div>
</React.Fragment>
</>
);
break;
};

4
src/ts/component/page/auth/onboard.tsx
View file

@ -192,7 +192,7 @@ const PageAuthOnboard = observer(forwardRef<{}, I.PageComponent>(() => {
);
buttons = (
<React.Fragment>
<>
<div className="animation">
<Button ref={nextRef} className={cnb.join(' ')} text={text} onClick={onShowPhrase} />
</div>
@ -202,7 +202,7 @@ const PageAuthOnboard = observer(forwardRef<{}, I.PageComponent>(() => {
<Button color="blank" text={translate('commonSkip')} onClick={onForward} />
</div>
) : ''}
</React.Fragment>
</>
);
if (!phraseVisible) {

4
src/ts/component/page/elements/head/simple.tsx
View file

@ -129,11 +129,11 @@ const HeadSimple = observer(class Controls extends React.Component<Props> {
if (isDate) {
buttonCreate = (
<React.Fragment>
<>
<Icon className="arrow left withBackground" onClick={() => this.changeDate(-1)} />
<Icon className="arrow right withBackground" onClick={() => this.changeDate(1)}/>
<Icon id="calendar-icon" className="calendar withBackground" onClick={this.onCalendar} />
</React.Fragment>
</>
);
};

4
src/ts/component/page/main/date.tsx
View file

@ -84,7 +84,7 @@ const PageMainDate = observer(class PageMainDate extends React.Component<I.PageC
};
content = (
<React.Fragment>
<>
<div className="categories">
{relations.map(item => {
const isMention = item.relationKey == J.Relation.key.mention;
@ -116,7 +116,7 @@ const PageMainDate = observer(class PageMainDate extends React.Component<I.PageC
route={analytics.route.screenDate}
relationKeys={keys}
/>
</React.Fragment>
</>
);
};

4
src/ts/component/page/main/media.tsx
View file

@ -128,7 +128,7 @@ const PageMainMedia = observer(class PageMainMedia extends React.Component<I.Pag
<div id="blocks" className={cn.join(' ')}>
{file ? (
<React.Fragment>
<>
<div className="side left">
<div id="inner" className="inner">
{content}
@ -174,7 +174,7 @@ const PageMainMedia = observer(class PageMainMedia extends React.Component<I.Pag
) : ''}
</div>
</div>
</React.Fragment>
</>
) : (
<div id="empty" className="empty">{translate('pageMainMediaNotFound')}</div>
)}

4
src/ts/component/page/main/onboarding.tsx
View file

@ -96,7 +96,7 @@ class PageMainOnboarding extends React.Component<I.PageComponent, State> {
};
content = (
<React.Fragment>
<>
<div className="usecases">
<Swiper
effect={'creative'}
@ -129,7 +129,7 @@ class PageMainOnboarding extends React.Component<I.PageComponent, State> {
<div className="buttonWrapper">
<Button onClick={() => this.onUsecaseSelect()} className="c24" text={buttonText} />
</div>
</React.Fragment>
</>
);
} else {
content = <div className="cards">{items.map((el, i) => <Card key={i} {...el} />)}</div>;

4
src/ts/component/page/main/relation.tsx
View file

@ -73,7 +73,7 @@ const PageMainRelation = observer(class PageMainRelation extends React.Component
/>
{!object._empty_ ? (
<React.Fragment>
<>
<div className="section set">
<div className="title">
<div className="side left">
@ -127,7 +127,7 @@ const PageMainRelation = observer(class PageMainRelation extends React.Component
</div>
</div>
) : ''}
</React.Fragment>
</>
) : ''}
</div>

4
src/ts/component/page/main/set.tsx
View file

@ -55,7 +55,7 @@ const PageMainSet = observer(class PageMainSet extends React.Component<I.PageCom
const readonly = this.isReadonly();
content = (
<React.Fragment>
<>
{check.withCover ? <Block {...this.props} key={cover.id} rootId={rootId} block={cover} readonly={readonly} /> : ''}
<div className="blocks wrapper">
@ -90,7 +90,7 @@ const PageMainSet = observer(class PageMainSet extends React.Component<I.PageCom
/>
))}
</div>
</React.Fragment>
</>
);
};

4
src/ts/component/popup/export.tsx
View file

@ -121,7 +121,7 @@ const PopupExport = observer(class PopupExport extends React.Component<I.Popup>
};
return (
<React.Fragment>
<>
<Title text={translate('popupExportTitle')} />
{items.map((item: any, i: number) => (
@ -132,7 +132,7 @@ const PopupExport = observer(class PopupExport extends React.Component<I.Popup>
<Button text={translate('popupExportOk')} onClick={this.onConfirm} />
<Button color="blank" text={translate('commonCancel')} onClick={this.onCancel} />
</div>
</React.Fragment>
</>
);
};

4
src/ts/component/popup/invite/request.tsx
View file

@ -30,7 +30,7 @@ const PopupInviteRequest = observer(class PopupInviteRequest extends React.Compo
const creatorName = U.Common.shorten(String(invite.creatorName || translate('defaultNamePage')), 32);
return (
<React.Fragment>
<>
<Title text={translate('popupInviteRequestTitle')} />
<div className="iconWrapper">
@ -46,7 +46,7 @@ const PopupInviteRequest = observer(class PopupInviteRequest extends React.Compo
<div className="note">{translate('popupInviteRequestNote')}</div>
<Error text={error} />
</React.Fragment>
</>
);
};

8
src/ts/component/popup/migration.tsx
View file

@ -14,7 +14,7 @@ const PopupMigration = observer(forwardRef<{}, I.Popup>((props, ref) => {
switch (type) {
case 'onboarding': {
content = (
<React.Fragment>
<>
<Title text={'⚡️ ' + translate('popupMigrationOnboardingTitle')} />
<Label text={translate('popupMigrationOnboardingText1')} />
<Label text={translate('popupMigrationOnboardingText2')} />
@ -28,14 +28,14 @@ const PopupMigration = observer(forwardRef<{}, I.Popup>((props, ref) => {
<div className="buttons">
<Button text={translate('commonDone')} className="c36" onClick={() => close()} />
</div>
</React.Fragment>
</>
);
break;
};
case 'import': {
content = (
<React.Fragment>
<>
<Title text={translate('popupMigrationImportTitle')} />
<Label text={translate('popupMigrationImportText1')} />
<Label text={translate('popupMigrationImportText2')} />
@ -49,7 +49,7 @@ const PopupMigration = observer(forwardRef<{}, I.Popup>((props, ref) => {
<div className="buttons">
<Button text={translate('commonDone')} className="c36" onClick={() => close()} />
</div>
</React.Fragment>
</>
);
break;
};

4
src/ts/component/popup/objectManager.tsx
View file

@ -32,7 +32,7 @@ const PopupObjectManager = observer(class PopupObjectManager extends React.Compo
};
return (
<React.Fragment>
<>
<Title text={title} />
<ListObjectManager
@ -48,7 +48,7 @@ const PopupObjectManager = observer(class PopupObjectManager extends React.Compo
/>
<Button text={button} className="c36" onClick={this.onClick} />
</React.Fragment>
</>
);
};

4
src/ts/component/popup/page/membership/current.tsx
View file

@ -87,7 +87,7 @@ const PopupMembershipPageCurrent = observer(class PopupMembershipPageCurrent ext
case 2: {
content = (
<React.Fragment>
<>
<Title text={translate(`popupMembershipFreeTitleStep2`)} />
<Pin
@ -103,7 +103,7 @@ const PopupMembershipPageCurrent = observer(class PopupMembershipPageCurrent ext
{translate('popupMembershipResend')}
{countdown ? U.Common.sprintf(translate('popupMembershipCountdown'), countdown) : ''}
</div>
</React.Fragment>
</>
);
break;
};

4
src/ts/component/popup/page/membership/free.tsx
View file

@ -70,7 +70,7 @@ const PopupMembershipPageFree = observer(class PopupMembershipPageFree extends R
};
case 2: {
content = (
<React.Fragment>
<>
<div onClick={() => this.setState({ verificationStep: 1 })} className="back"><Icon />{translate('commonBack')}</div>
<Title className="step2" text={translate(`popupMembershipFreeTitleStep2`)} />
@ -87,7 +87,7 @@ const PopupMembershipPageFree = observer(class PopupMembershipPageFree extends R
{translate('popupMembershipResend')}
{countdown ? U.Common.sprintf(translate('popupMembershipCountdown'), countdown) : ''}
</div>
</React.Fragment>
</>
);
break;
};

8
src/ts/component/popup/page/membership/paid.tsx
View file

@ -102,7 +102,7 @@ const PopupMembershipPagePaid = observer(class PopupMembershipPagePaid extends R
return (
<form className="anyNameForm" onSubmit={this.onSubmit}>
{tierItem.namesCount ? (
<React.Fragment>
<>
<Title text={translate(`popupMembershipPaidTitle`)} />
<Label text={labelText} />
@ -119,7 +119,7 @@ const PopupMembershipPagePaid = observer(class PopupMembershipPagePaid extends R
</div>
<div className={[ 'statusBar', status ].join(' ')}>{statusText}</div>
</React.Fragment>
</>
) : ''}
<div className="priceWrapper">
@ -133,12 +133,12 @@ const PopupMembershipPagePaid = observer(class PopupMembershipPagePaid extends R
{withContactButton ? <Button onClick={() => Action.membershipUpgrade()} text={translate('popupMembershipWriteToAnyteam')} className="c36" color="blank" /> : ''}
</div>
) : (
<React.Fragment>
<>
<Button onClick={() => this.onPay(I.PaymentMethod.Stripe)} ref={ref => this.refButtonCard = ref} className="c36" text={translate('popupMembershipPayByCard')} />
<Button onClick={() => this.onPay(I.PaymentMethod.Crypto)} ref={ref => this.refButtonCrypto = ref} className="c36" text={translate('popupMembershipPayByCrypto')} />
<FooterAuthDisclaimer />
</React.Fragment>
</>
)}
</form>
);

4
src/ts/component/popup/page/membership/success.tsx
View file

@ -27,13 +27,13 @@ const PopupMembershipPageSuccess = observer(class PopupMembershipPageSuccess ext
};
return (
<React.Fragment>
<>
<Title text={title} />
<Icon className="tierIcon" />
<Label text={text} />
<Button onClick={() => close()} className="c36" color="blank" text={translate('commonContinue')} />
</React.Fragment>
</>
);
};

4
src/ts/component/popup/page/settings/appearance.tsx
View file

@ -14,7 +14,7 @@ const PopupSettingsPageAppearance = observer(class PopupSettingsPageAppearance e
];
return (
<React.Fragment>
<>
<Title text={translate('popupSettingsColorMode')} />
<div className="buttons">
@ -31,7 +31,7 @@ const PopupSettingsPageAppearance = observer(class PopupSettingsPageAppearance e
</div>
))}
</div>
</React.Fragment>
</>
);
};

4
src/ts/component/popup/page/settings/data.tsx
View file

@ -23,7 +23,7 @@ const PopupSettingsPageDataManagement = observer(class PopupSettingsPageStorageI
const suffix = this.getSuffix();
return (
<React.Fragment>
<>
<Title text={translate('popupSettingsDataManagementTitle')} />
<Label className="description" text={translate(`popupSettingsDataManagementLocalStorageText${suffix}`)} />
@ -61,7 +61,7 @@ const PopupSettingsPageDataManagement = observer(class PopupSettingsPageStorageI
<Title className="sub" text={translate('popupSettingsDataManagementDeleteTitle')} />
<Label className="description" text={translate('popupSettingsDataManagementDeleteText')} />
<Button className="c36" onClick={() => onPage('delete')} color="red" text={translate('popupSettingsDataManagementDeleteButton')} />
</React.Fragment>
</>
);
};

4
src/ts/component/popup/page/settings/export/index.tsx
View file

@ -25,7 +25,7 @@ const PopupSettingsPageExportIndex = observer(class PopupSettingsPageExportIndex
};
return (
<React.Fragment>
<>
<Head onPage={() => onPage('spaceIndex')} name={translate('commonBack')} />
<Title text={translate('popupSettingsExportTitle')} />
<Label className="description" text={translate('popupSettingsExportText')} />
@ -35,7 +35,7 @@ const PopupSettingsPageExportIndex = observer(class PopupSettingsPageExportIndex
<Item key={i} {...item} />
))}
</div>
</React.Fragment>
</>
);
};

4
src/ts/component/popup/page/settings/export/markdown.tsx
View file

@ -19,7 +19,7 @@ const PopupSettingsPageExportMarkdown = observer(class PopupSettingsPageExportMa
this.init();
return (
<React.Fragment>
<>
<Head {...this.props} returnTo="exportIndex" name={translate('commonBack')} />
<Title text={translate('popupSettingsExportMarkdownTitle')} />
@ -53,7 +53,7 @@ const PopupSettingsPageExportMarkdown = observer(class PopupSettingsPageExportMa
onClick={() => onExport(I.ExportType.Markdown, this.data)}
/>
</div>
</React.Fragment>
</>
);
};

4
src/ts/component/popup/page/settings/export/protobuf.tsx
View file

@ -23,7 +23,7 @@ const PopupSettingsPageExportProtobuf = observer(class PopupSettingsPageExportPr
this.init();
return (
<React.Fragment>
<>
<Head {...this.props} returnTo="exportIndex" name={translate('commonBack')} />
<Title text={translate('popupSettingsExportProtobufTitle')} />
@ -66,7 +66,7 @@ const PopupSettingsPageExportProtobuf = observer(class PopupSettingsPageExportPr
onClick={() => onExport(I.ExportType.Protobuf, this.data)}
/>
</div>
</React.Fragment>
</>
);
};

4
src/ts/component/popup/page/settings/import/index.tsx
View file

@ -24,7 +24,7 @@ const PopupSettingsPageImportIndex = observer(class PopupSettingsPageImportIndex
};
return (
<React.Fragment>
<>
<Head onPage={() => onPage('spaceIndex')} name={translate('commonBack')} />
<Title text={translate('popupSettingsImportTitle')} />
<Label className="description" text={translate('popupSettingsImportText')} />
@ -34,7 +34,7 @@ const PopupSettingsPageImportIndex = observer(class PopupSettingsPageImportIndex
<Item key={i} {...item} />
))}
</div>
</React.Fragment>
</>
);
};

4
src/ts/component/popup/page/settings/import/notion.tsx
View file

@ -25,7 +25,7 @@ class PopupSettingsPageImportNotion extends React.Component<I.PopupSettings, Sta
const { error } = this.state;
return (
<React.Fragment>
<>
<Head {...this.props} returnTo="importIndex" name={translate('commonBack')} />
<Icon className="logo" />
@ -68,7 +68,7 @@ class PopupSettingsPageImportNotion extends React.Component<I.PopupSettings, Sta
<Label className="grey" text={translate('popupSettingsImportNotionIntegrationList32')} />
</li>
</ol>
</React.Fragment>
</>
);
};

8
src/ts/component/popup/page/settings/membership.tsx
View file

@ -115,14 +115,14 @@ const PopupSettingsPageMembership = observer(class PopupSettingsPageMembership e
};
return (
<React.Fragment>
<>
<Title
className={cnt.join(' ')}
text={!membership.isNone ? translate('popupSettingsMembershipTitle1') : translate('popupSettingsMembershipTitle2')}
/>
{(membership.isNone || membership.isExplorer) ? (
<React.Fragment>
<>
<Label className="description" text={translate('popupSettingsMembershipText')} />
<Swiper
@ -146,7 +146,7 @@ const PopupSettingsPageMembership = observer(class PopupSettingsPageMembership e
</SwiperSlide>
))}
</Swiper>
</React.Fragment>
</>
) : ''}
<div className="tiers">
@ -163,7 +163,7 @@ const PopupSettingsPageMembership = observer(class PopupSettingsPageMembership e
</div>
<Label className="special" text={translate('popupSettingsMembershipSpecial')} onClick={this.onContact} />
</React.Fragment>
</>
);
};

4
src/ts/component/popup/page/settings/personal.tsx
View file

@ -25,7 +25,7 @@ const PopupSettingsPagePersonal = observer(class PopupSettingsPagePersonal exten
const sidebarMode = showVault ? translate('sidebarMenuAll') : translate('sidebarMenuSidebar');
return (
<React.Fragment>
<>
<Title text={translate('popupSettingsPersonalTitle')} />
<Label className="section" text={translate('popupSettingsPersonalSectionLanguage')} />
@ -194,7 +194,7 @@ const PopupSettingsPagePersonal = observer(class PopupSettingsPagePersonal exten
</div>
</React.Fragment>
</>
);
};

4
src/ts/component/popup/page/settings/pin/confirm.tsx
View file

@ -20,7 +20,7 @@ const PopupSettingsPagePinConfirm = observer(class PopupSettingsPagePinConfirm e
const { error } = this.state;
return (
<React.Fragment>
<>
<Head onPage={() => onPage(prevPage)} name={translate('commonBack')} />
<Title text={translate('popupSettingsPinTitle')} />
<Label className="description" text={translate('popupSettingsPinVerify')} />
@ -31,7 +31,7 @@ const PopupSettingsPagePinConfirm = observer(class PopupSettingsPagePinConfirm e
onError={this.onError}
/>
<Error text={error} />
</React.Fragment>
</>
);
};

4
src/ts/component/popup/page/settings/pin/index.tsx
View file

@ -11,7 +11,7 @@ const PopupSettingsPagePinIndex = observer(class PopupSettingsPagePinIndex exten
const times = [ 60, 300, 600, 3600 ].map(time => ({ id: time, name: U.Date.duration(time) }));
return (
<React.Fragment>
<>
<Title text={translate('popupSettingsPinTitle')} />
<Label className="description" text={translate('popupSettingsPinText')} />
@ -45,7 +45,7 @@ const PopupSettingsPagePinIndex = observer(class PopupSettingsPagePinIndex exten
<Button className="c36" text={translate('popupSettingsPinOn')} onClick={this.onTurnOnPin} />
</div>
)}
</React.Fragment>
</>
);
};

4
src/ts/component/popup/page/settings/space/index.tsx
View file

@ -95,7 +95,7 @@ const PopupSettingsSpaceIndex = observer(class PopupSettingsSpaceIndex extends R
};
return (
<React.Fragment>
<>
<div className="spaceHeader">
<div className="iconWrapper">
<IconObject
@ -424,7 +424,7 @@ const PopupSettingsSpaceIndex = observer(class PopupSettingsSpaceIndex extends R
<Error text={error} />
</div>
</React.Fragment>
</>
);
};

4
src/ts/component/popup/page/settings/space/list.tsx
View file

@ -42,7 +42,7 @@ const PopupSettingsPageSpacesList = observer(class PopupSettingsPageSpacesList e
};
return (
<React.Fragment>
<>
<Title text={translate('popupSettingsSpacesListTitle')} />
<div className="items">
@ -54,7 +54,7 @@ const PopupSettingsPageSpacesList = observer(class PopupSettingsPageSpacesList e
</div>
{spaces.map((item: any, i: number) => <Row key={i} {...item} />)}
</div>
</React.Fragment>
</>
);
};

4
src/ts/component/popup/preview.tsx
View file

@ -78,7 +78,7 @@ class PopupPreview extends React.Component<I.Popup> {
<div id="wrap" className="wrap">
<div className="galleryHeader">
{current ? (
<React.Fragment>
<>
<div className="side left" />
<div className="side center">
<ObjectName object={current} />
@ -86,7 +86,7 @@ class PopupPreview extends React.Component<I.Popup> {
<div className="side right">
<Icon id="button-header-more" tooltip={translate('commonMenu')} className="more" onClick={this.onMore} />
</div>
</React.Fragment>
</>
) : ''}
</div>

32
src/ts/component/preview/object.tsx
View file

@ -76,50 +76,50 @@ const PreviewObject = observer(forwardRef<{}, Props>(({
case I.TextStyle.Checkbox: {
inner = (
<React.Fragment>
<>
<Icon className={[ 'check', (checked ? 'active' : '') ].join(' ')} />
{line}
</React.Fragment>
</>
);
break;
};
case I.TextStyle.Quote: {
inner = (
<React.Fragment>
<>
<Icon className="hl" />
{line}
</React.Fragment>
</>
);
break;
};
case I.TextStyle.Bulleted: {
inner = (
<React.Fragment>
<>
<Icon className="bullet" />
{line}
</React.Fragment>
</>
);
break;
};
case I.TextStyle.Toggle: {
inner = (
<React.Fragment>
<>
<Icon className="toggle" />
{line}
</React.Fragment>
</>
);
break;
};
case I.TextStyle.Numbered: {
inner = (
<React.Fragment>
<>
<div id={'marker-' + item.id} className="number" />
{line}
</React.Fragment>
</>
);
break;
};
@ -136,10 +136,10 @@ const PreviewObject = observer(forwardRef<{}, Props>(({
case I.BlockType.Relation: {
inner = (
<React.Fragment>
<>
{line}
{line}
</React.Fragment>
</>
);
break;
};
@ -154,10 +154,10 @@ const PreviewObject = observer(forwardRef<{}, Props>(({
case I.FileType.File: {
bullet = <div className={[ 'bullet', 'bgColor', 'bgColor-' + Colors[c] ].join(' ')} />;
inner = (
<React.Fragment>
<>
<Icon className="color" inner={bullet} />
{line}
</React.Fragment>
</>
);
c++;
@ -189,10 +189,10 @@ const PreviewObject = observer(forwardRef<{}, Props>(({
case I.BlockType.Link: {
bullet = <div className={[ 'bullet', 'bgColor', 'bgColor-' + Colors[c] ].join(' ')} />;
inner = (
<React.Fragment>
<>
<Icon className="color" inner={bullet} />
{line}
</React.Fragment>
</>
);
c++;

4
src/ts/component/sidebar/left.tsx
View file

@ -52,7 +52,7 @@ const SidebarLeft = observer(class SidebarLeft extends React.Component<{}, State
const Component = Components[page];
return (
<React.Fragment>
<>
<Icon
id="sidebarToggle"
className="withBackground"
@ -72,7 +72,7 @@ const SidebarLeft = observer(class SidebarLeft extends React.Component<{}, State
<div className="resize-handle" onClick={this.onHandleClick} />
</div>
</div>
</React.Fragment>
</>
);
};

8
src/ts/component/sidebar/page/allObject/item.tsx
View file

@ -56,7 +56,7 @@ const ObjectItem = observer(class ObjectItem extends React.Component<Props> {
if (!compact) {
content = (
<React.Fragment>
<>
{iconLarge}
<div className="info">
<div className="nameWrap">
@ -70,16 +70,16 @@ const ObjectItem = observer(class ObjectItem extends React.Component<Props> {
{description}
</div>
</div>
</React.Fragment>
</>
);
} else {
content = (
<React.Fragment>
<>
<div className="nameWrap">
{iconSmall}
<ObjectName object={item} />
</div>
</React.Fragment>
</>
);
};

4
src/ts/component/sidebar/page/object/relation.tsx
View file

@ -22,7 +22,7 @@ const SidebarPageObjectRelation = observer(class SidebarPageObjectRelation exten
const sections = this.getSections();
return (
<React.Fragment>
<>
<div className="head">
<div className="side left">
<Label text={translate('sidebarTypeRelation')} />
@ -54,7 +54,7 @@ const SidebarPageObjectRelation = observer(class SidebarPageObjectRelation exten
</React.Fragment>
))}
</div>
</React.Fragment>
</>
);
};

4
src/ts/component/sidebar/page/type.tsx
View file

@ -26,7 +26,7 @@ const SidebarPageType = observer(class SidebarPageType extends React.Component<I
const sections = this.getSections();
return (
<React.Fragment>
<>
<div className="head">
<div className="side left">
<Label text={translate('sidebarTypeTitle')} />
@ -53,7 +53,7 @@ const SidebarPageType = observer(class SidebarPageType extends React.Component<I
</div>
<SidebarLayoutPreview {...this.props} ref={ref => this.previewRef = ref} />
</React.Fragment>
</>
);
};

8
src/ts/component/sidebar/page/widget.tsx
View file

@ -122,9 +122,9 @@ const SidebarPageWidget = observer(class SidebarPageWidget extends React.Compone
};
content = (
<React.Fragment>
<>
{space && !space._empty_ ? (
<React.Fragment>
<>
{hasShareBanner ? <ShareBanner onClose={() => this.forceUpdate()} /> : ''}
<DropTarget
@ -153,7 +153,7 @@ const SidebarPageWidget = observer(class SidebarPageWidget extends React.Compone
onDragOver={this.onDragOver}
isEditing={isEditing}
/>
</React.Fragment>
</>
) : ''}
{blocks.map((block, i) => (
@ -194,7 +194,7 @@ const SidebarPageWidget = observer(class SidebarPageWidget extends React.Compone
<Button key={[ button.id, (isEditing ? 'edit' : '') ].join('-')} color="" {...button} />
))}
</div>
</React.Fragment>
</>
);
};

4
src/ts/component/sidebar/preview.tsx
View file

@ -137,7 +137,7 @@ const SidebarLayoutPreview = observer(class SidebarLayoutPreview extends React.C
switch (Number(viewType)) {
case I.ViewType.Board: {
content = (
<React.Fragment>
<>
<div className="group">
<div className="headerPlug" />
{this.insertEmtpyNodes('item', 1)}
@ -152,7 +152,7 @@ const SidebarLayoutPreview = observer(class SidebarLayoutPreview extends React.C
<div className="headerPlug" />
{this.insertEmtpyNodes('item', 2)}
</div>
</React.Fragment>
</>
);
break;
};

4
src/ts/component/sidebar/section/type/layout.tsx
View file

@ -33,7 +33,7 @@ const SidebarSectionTypeLayout = observer(class SidebarSectionTypeLayout extends
return (
<div ref={ref => this.node = ref} className="wrap">
{!object.id ? (
<React.Fragment>
<>
<Label text={translate('sidebarSectionLayoutFormat')} />
<div className="items">
<div className="item">
@ -45,7 +45,7 @@ const SidebarSectionTypeLayout = observer(class SidebarSectionTypeLayout extends
/>
</div>
</div>
</React.Fragment>
</>
) : ''}
<Label text={translate('sidebarSectionLayoutName')} />

12
src/ts/component/util/pager.tsx
View file

@ -64,19 +64,19 @@ const Pager: FC<Props> = ({
if (!isShort && (start > 1)) {
startPage = (
<React.Fragment>
<>
<Item id="1" />
<div className="dots">...</div>
</React.Fragment>
</>
);
};
if (!isShort && (end < pages)) {
endPage = (
<React.Fragment>
<>
<div className="dots">...</div>
<Item id={pages} />
</React.Fragment>
</>
);
};
@ -84,11 +84,11 @@ const Pager: FC<Props> = ({
list = <div className="pageItem list">{page} of {pages}</div>;
} else {
list = (
<React.Fragment>
<>
{items.map((item, i) => (
<Item key={i} {...item} />
))}
</React.Fragment>
</>
);
};

4
src/ts/component/widget/view/board/group.tsx
View file

@ -177,7 +177,7 @@ const Group = observer(forwardRef<{}, Props>((props, ref) => {
{!items.length ? (
<div className="item empty">{translate('commonNoObjects')}</div>
) : (
<React.Fragment>
<>
{items.map(id => (
<Item
{...props}
@ -188,7 +188,7 @@ const Group = observer(forwardRef<{}, Props>((props, ref) => {
/>
))}
{total > limit ? <div className="item more" onClick={onAll}>{translate('widgetShowAll')}</div> : ''}
</React.Fragment>
</>
)}
</div>
</div>

4
src/ts/component/widget/view/list/index.tsx
View file

@ -204,7 +204,7 @@ const WidgetViewList = observer(forwardRef<{}, I.WidgetViewComponent>((props, re
);
} else {
content = (
<React.Fragment>
<>
{items.map((item: any) => (
<WidgetListItem
key={`widget-${block.id}-${item.id}`}
@ -215,7 +215,7 @@ const WidgetViewList = observer(forwardRef<{}, I.WidgetViewComponent>((props, re
isCompact={isCompact}
/>
))}
</React.Fragment>
</>
);
};

4
src/ts/component/widget/view/list/item.tsx
View file

@ -125,10 +125,10 @@ const WidgetListItem = observer(forwardRef<{}, Props>((props, ref) => {
if (canDrag) {
inner = (
<React.Fragment>
<>
<Handle />
{inner}
</React.Fragment>
</>
);
};