set main container width configurable
This commit is contained in:
@@ -4,12 +4,13 @@ import { Container, Message } from 'semantic-ui-react';
|
||||
|
||||
import MainMenu from '../../components/MainMenu';
|
||||
import { mainMenuItems } from '../../constants/menuItems';
|
||||
import {CONTAINER_WIDTH_PERCENTAGE} from "../../constants/constants";
|
||||
|
||||
class Home extends Component {
|
||||
|
||||
render () {
|
||||
return (
|
||||
<Container>
|
||||
<Container style={ {width: `${CONTAINER_WIDTH_PERCENTAGE}%`} }>
|
||||
<MainMenu/>
|
||||
<h3>SIMA SPACE </h3>
|
||||
<hr/>
|
||||
|
||||
@@ -8,6 +8,7 @@ import MemberIncidentsTables from '../../components/MemberIncidentsTables';
|
||||
import GenerateFeesInORDButton from '../../components/GenerateFeesInORDButton';
|
||||
|
||||
import { fetchIncidents } from '../../store/actions';
|
||||
import { CONTAINER_WIDTH_PERCENTAGE } from '../../constants/constants';
|
||||
|
||||
class IncidentsReport extends Component {
|
||||
state = {dateRange: null};
|
||||
@@ -33,7 +34,7 @@ class IncidentsReport extends Component {
|
||||
}
|
||||
|
||||
return (
|
||||
<Container>
|
||||
<Container style={ {width: `${CONTAINER_WIDTH_PERCENTAGE}%`} }>
|
||||
<MainMenu/>
|
||||
<h3>Incidents Report</h3>
|
||||
<hr/>
|
||||
|
||||
@@ -5,6 +5,7 @@ import { Container, Button, Loader, Input, Message, Grid } from 'semantic-ui-rea
|
||||
import MainMenu from '../../components/MainMenu';
|
||||
|
||||
import { fetchMemberPracticeSummaryReport } from '../../store/actions';
|
||||
import {CONTAINER_WIDTH_PERCENTAGE} from "../../constants/constants";
|
||||
|
||||
class MemberPracticeSummaryReport extends Component {
|
||||
|
||||
@@ -54,7 +55,7 @@ class MemberPracticeSummaryReport extends Component {
|
||||
error = fetchReportError ? fetchReportError : error;
|
||||
|
||||
return (
|
||||
<Container>
|
||||
<Container style={ {width: `${CONTAINER_WIDTH_PERCENTAGE}%`} }>
|
||||
<MainMenu/>
|
||||
<h3>Member Practice Summary Report</h3>
|
||||
<hr/>
|
||||
|
||||
@@ -5,6 +5,7 @@ import { Container, Message, Loader, Table } from 'semantic-ui-react';
|
||||
import MainMenu from '../../components/MainMenu';
|
||||
import { fetchMappings } from '../../store/actions';
|
||||
import SingleMapping from './components/SingleMapping';
|
||||
import {CONTAINER_WIDTH_PERCENTAGE} from "../../constants/constants";
|
||||
|
||||
class RoomOfficeNameMapping extends Component {
|
||||
|
||||
@@ -47,7 +48,7 @@ class RoomOfficeNameMapping extends Component {
|
||||
});
|
||||
|
||||
return (
|
||||
<Container>
|
||||
<Container style={ {width: `${CONTAINER_WIDTH_PERCENTAGE}%`} }>
|
||||
<Loader active={pendingMappings} />
|
||||
<MainMenu/>
|
||||
<h3>Room Office Mapping</h3>
|
||||
|
||||
@@ -10,6 +10,7 @@ import MemberIncidentsTables from '../../components/MemberIncidentsTables';
|
||||
import GenerateFeesInORDButton from '../../components/GenerateFeesInORDButton';
|
||||
|
||||
import { fetchMemberIncidents } from '../../store/actions';
|
||||
import {CONTAINER_WIDTH_PERCENTAGE} from "../../constants/constants";
|
||||
|
||||
class SpecificMemberIncidentsReport extends Component {
|
||||
constructor(props){
|
||||
@@ -48,7 +49,7 @@ class SpecificMemberIncidentsReport extends Component {
|
||||
const addFeesButtonDisabled = !memberId || !dateRange || loading;
|
||||
|
||||
return (
|
||||
<Container>
|
||||
<Container style={ {width: `${CONTAINER_WIDTH_PERCENTAGE}%`} }>
|
||||
<MainMenu/>
|
||||
<h3>Member Incidents Report</h3>
|
||||
<hr/>
|
||||
|
||||
@@ -4,10 +4,11 @@ import { Container, Form } from 'semantic-ui-react';
|
||||
import MainMenu from '../../components/MainMenu';
|
||||
import FileUpload from './components/FileUpload';
|
||||
import UploadResults from './components/UploadResults';
|
||||
import {CONTAINER_WIDTH_PERCENTAGE} from "../../constants/constants";
|
||||
|
||||
function UploadDLockData() {
|
||||
return (
|
||||
<Container>
|
||||
<Container style={ {width: `${CONTAINER_WIDTH_PERCENTAGE}%`} }>
|
||||
<MainMenu/>
|
||||
<h3>DLock Data</h3>
|
||||
<hr/>
|
||||
|
||||
Reference in New Issue
Block a user