Lea/web-apps
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

[Mobile] Refactoring

Browse source
This commit is contained in:
Julia Radzhabova 2022-05-24 23:45:18 +03:00
parent 50c5840755
commit 554ffe8f51
4 changed files with 48 additions and 33 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
apps/documenteditor/mobile/src/view/edit/EditText.jsx
View file

@ -107,16 +107,19 @@ const PageFonts = props => {
renderExternal: renderExternal renderExternal: renderExternal
}}> }}>
<ul> <ul>
{vlFonts.vlData.items.map((item, index) => ( {vlFonts.vlData.items.map((item, index) => {
<ListItem className="font-item" key={index} radio checked={curFontName === (item || fonts[index]).name} onClick={() => { const font = item || fonts[index];
storeTextSettings.changeFontFamily((item || fonts[index]).name); const fontName = font.name;
props.changeFontFamily((item || fonts[index]).name); return (<ListItem className="font-item" key={index} radio checked={curFontName === fontName} onClick={() => {
storeTextSettings.addFontToRecent(item || fonts[index]); storeTextSettings.changeFontFamily(fontName);
props.changeFontFamily(fontName);
storeTextSettings.addFontToRecent(font);
addRecentStorage(); addRecentStorage();
}}> }}>
{vlFonts.vlData.images[index] && <img src={vlFonts.vlData.images[index]} style={{width: `${iconWidth}px`, height: `${iconHeight}px`}} />} {vlFonts.vlData.images[index] && <img src={vlFonts.vlData.images[index]} style={{width: `${iconWidth}px`, height: `${iconHeight}px`}} />}
</ListItem> </ListItem>
))} )
})}
</ul> </ul>
</List> </List>
</Page> </Page>

22
apps/presentationeditor/mobile/src/view/edit/EditText.jsx
View file

@ -297,15 +297,19 @@ const PageFonts = props => {
renderExternal: renderExternal renderExternal: renderExternal
}}> }}>
<ul> <ul>
{vlFonts.vlData.items.map((item, index) => ( {vlFonts.vlData.items.map((item, index) => {
<ListItem className="font-item" key={index} radio checked={curFontName === (item || fonts[index]).name} onClick={() => { const font = item || fonts[index];
props.changeFontFamily((item || fonts[index]).name); const fontName = font.name;
storeTextSettings.addFontToRecent(item || fonts[index]); return (
addRecentStorage(); <ListItem className="font-item" key={index} radio checked={curFontName === fontName} onClick={() => {
}}> props.changeFontFamily(fontName);
{vlFonts.vlData.images[index] && <img src={vlFonts.vlData.images[index]} style={{width: `${iconWidth}px`, height: `${iconHeight}px`}} />} storeTextSettings.addFontToRecent(font);
</ListItem> addRecentStorage();
))} }}>
{vlFonts.vlData.images[index] && <img src={vlFonts.vlData.images[index]} style={{width: `${iconWidth}px`, height: `${iconHeight}px`}} />}
</ListItem>
)
})}
</ul> </ul>
</List> </List>
</Page> </Page>

22
apps/spreadsheeteditor/mobile/src/view/edit/EditCell.jsx
View file

@ -241,15 +241,19 @@ const PageFontsCell = props => {
renderExternal: renderExternal renderExternal: renderExternal
}}> }}>
<ul> <ul>
{vlFonts.vlData.items.map((item, index) => ( {vlFonts.vlData.items.map((item, index) => {
<ListItem className="font-item" key={index} radio checked={curFontName === (item || fonts[index]).name} onClick={() => { const font = item || fonts[index];
props.onFontClick((item || fonts[index]).name); const fontName = font.name;
storeTextSettings.addFontToRecent(item || fonts[index]); return (
addRecentStorage(); <ListItem className="font-item" key={index} radio checked={curFontName === fontName} onClick={() => {
}}> props.onFontClick(fontName);
{vlFonts.vlData.images[index] && <img src={vlFonts.vlData.images[index]} style={{width: `${iconWidth}px`, height: `${iconHeight}px`}} />} storeTextSettings.addFontToRecent(font);
</ListItem> addRecentStorage();
))} }}>
{vlFonts.vlData.images[index] && <img src={vlFonts.vlData.images[index]} style={{width: `${iconWidth}px`, height: `${iconHeight}px`}} />}
</ListItem>
)
})}
</ul> </ul>
</List> </List>
</Page> </Page>

22
apps/spreadsheeteditor/mobile/src/view/edit/EditText.jsx
View file

@ -188,15 +188,19 @@ const PageFonts = props => {
renderExternal: renderExternal renderExternal: renderExternal
}}> }}>
<ul> <ul>
{vlFonts.vlData.items.map((item, index) => ( {vlFonts.vlData.items.map((item, index) => {
<ListItem className="font-item" key={index} radio checked={curFontName === (item || fonts[index]).name} onClick={() => { const font = item || fonts[index];
props.changeFontFamily((item || fonts[index]).name); const fontName = font.name;
storeTextSettings.addFontToRecent(item || fonts[index]); return (
addRecentStorage(); <ListItem className="font-item" key={index} radio checked={curFontName === fontName} onClick={() => {
}}> props.changeFontFamily(fontName);
{vlFonts.vlData.images[index] && <img src={vlFonts.vlData.images[index]} style={{width: `${iconWidth}px`, height: `${iconHeight}px`}} />} storeTextSettings.addFontToRecent(font);
</ListItem> addRecentStorage();
))} }}>
{vlFonts.vlData.images[index] && <img src={vlFonts.vlData.images[index]} style={{width: `${iconWidth}px`, height: `${iconHeight}px`}} />}
</ListItem>
)
})}
</ul> </ul>
</List> </List>
</Page> </Page>