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

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

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

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

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

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

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