26 lines
986 B
JavaScript
26 lines
986 B
JavaScript
import React, {Fragment, useState} from 'react';
|
|
import {observer, inject} from "mobx-react";
|
|
import {Page, Navbar, List, ListItem, ListButton, Row, BlockTitle, Range, Toggle, Icon} from 'framework7-react';
|
|
import { useTranslation } from 'react-i18next';
|
|
import {Device} from '../../../../../common/mobile/utils/device';
|
|
|
|
const AddTable = props => {
|
|
const storeTableSettings = props.storeTableSettings;
|
|
const styles = storeTableSettings.styles;
|
|
return (
|
|
<div className={'table-styles dataview'}>
|
|
<ul className="row">
|
|
{styles.map((style, index) => {
|
|
return (
|
|
<li key={index}
|
|
onClick={() => {props.onStyleClick(style.templateId)}}>
|
|
<img src={style.imageUrl}/>
|
|
</li>
|
|
)
|
|
})}
|
|
</ul>
|
|
</div>
|
|
)
|
|
};
|
|
|
|
export default inject("storeTableSettings")(observer(AddTable)); |