38 lines
1.5 KiB
React
38 lines
1.5 KiB
React
|
import { Meteor } from 'meteor/meteor';
|
||
|
|
import React, { useState, useEffect } from 'react';
|
||
|
|
import { useTracker } from 'meteor/react-meteor-data';
|
||
|
|
import { useTheme } from '@mui/material/styles';
|
||
|
|
import _ from 'lodash';
|
||
|
|
import SimpleTable from "/imports/ui/util/SimpleTable";
|
||
|
|
import TextField from "@mui/material/TextField";
|
||
|
|
import Button from "@mui/material/Button";
|
||
|
|
import Select from '@mui/material/Select';
|
||
|
|
import Chip from '@mui/material/Chip';
|
||
|
|
import MenuItem from '@mui/material/MenuItem';
|
||
|
|
import {InputLabel, List, ListItem, ListItemButton, ListItemText} from "@mui/material";
|
||
|
|
import Paper from '@mui/material/Paper';
|
||
|
|
import InputBase from '@mui/material/InputBase';
|
||
|
|
import IconButton from '@mui/material/IconButton';
|
||
|
|
import SearchIcon from '@mui/icons-material/Search';
|
||
|
|
import Box from "@mui/material/Box";
|
||
|
|
import OutlinedInput from '@mui/material/OutlinedInput';
|
||
|
|
import FormControl from '@mui/material/FormControl';
|
||
|
|
import ToggleButton from '@mui/material/ToggleButton';
|
||
|
|
import ToggleButtonGroup from '@mui/material/ToggleButtonGroup';
|
||
|
|
|
||
|
|
export default () => {
|
||
|
|
return (
|
||
|
|
<div style={{display: "flex", flexDirection: "column"}} sx={{ p: '2px 4px', display: 'flex', alignItems: 'center', width: 400 }}>
|
||
|
|
<Paper componet='form'>
|
||
|
|
<InputBase
|
||
|
|
sx={{ ml: 1, flex: 1 }}
|
||
|
|
placeholder="Email"
|
||
|
|
inputProps={{ 'aria-label': 'Search Email' }}
|
||
|
|
/>
|
||
|
|
<IconButton type="button" sx={{ p: '10px' }} aria-label="search">
|
||
|
|
<SearchIcon />
|
||
|
|
</IconButton>
|
||
|
|
</Paper>
|
||
|
|
</div>
|
||
|
|
)
|
||
|
|
}
|