PenaSide/adminFront
3
0
Fork 0
Code Issues 2 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

управление тарифами

Browse Source
This commit is contained in:
Nikolai 2022-09-20 13:07:27 +03:00
parent b8c8279b98
commit c3979c032e
6 changed files with 307 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/Components/Content/index.tsx
View File

@ -1,6 +1,6 @@
import * as React from "react";
import { Box } from "@mui/material";
import Users from "../Users";
import Tariffs from "../Tariffs/";
const Content: React.FC = () => {
@ -16,7 +16,7 @@ const Content: React.FC = () => {
overflowY: "auto",
padding: "60px"
}}>
<Users />
<Tariffs />
</Box>
</React.Fragment>
);

106
src/Components/Tariffs/Contractor/index.tsx Normal file
View File

@ -0,0 +1,106 @@
import * as React from "react";
import { Box, Typography, Button } from "@mui/material";
import theme from "../../../theme";
const Contractor: React.FC = () => {
return (
<React.Fragment>
<Typography
variant="subtitle1"
sx={{
width: "90%",
height: "60px",
display: "flex",
flexDirection: "column",
justifyContent: "center",
alignItems: "center",
color: theme.palette.secondary.main
}}>
Сокращатель ссылок
</Typography>
<Box sx={{
marginTop: "35px",
display: "grid",
gridTemplateColumns: "repeat(2, 1fr)",
gridGap: "20px",
marginBottom: "120px",
}}>
<Button
variant = "contained"
sx={{
backgroundColor: theme.palette.menu.main,
width: "320px",
height: "82px",
fontWeight: "normal",
fontSize: "17px",
"&:hover": {
backgroundColor: theme.palette.grayMedium.main
}
}}>
Создание тарифа на аналитику время
</Button>
<Button
variant = "contained"
sx={{
backgroundColor: theme.palette.menu.main,
width: "320px",
height: "82px",
fontWeight: "normal",
fontSize: "17px",
"&:hover": {
backgroundColor: theme.palette.grayMedium.main
}
}}>
Создание тарифа на аналитику объем
</Button>
<Button
variant = "contained"
sx={{
backgroundColor: theme.palette.menu.main,
width: "320px",
height: "82px",
fontWeight: "normal",
fontSize: "17px",
"&:hover": {
backgroundColor: theme.palette.grayMedium.main
}
}}>
Создание тарифа на a/b тесты время
</Button>
<Button
variant = "contained"
sx={{
backgroundColor: theme.palette.menu.main,
width: "320px",
height: "82px",
fontWeight: "normal",
fontSize: "17px",
"&:hover": {
backgroundColor: theme.palette.grayMedium.main
}
}}>
Создание тарифа на a/b тесты объем
</Button>
<Button
variant = "contained"
sx={{
backgroundColor: theme.palette.menu.main,
width: "320px",
height: "52px",
fontWeight: "normal",
fontSize: "17px",
"&:hover": {
backgroundColor: theme.palette.grayMedium.main
}
}}>
Изменить тариф
</Button>
</Box>
</React.Fragment>
);
}
export default Contractor;

78
src/Components/Tariffs/Quiz/index.tsx Normal file
View File

@ -0,0 +1,78 @@
import * as React from "react";
import { Box, Typography, Button } from "@mui/material";
import theme from "../../../theme";
const Quiz: React.FC = () => {
return (
<React.Fragment>
<Typography
variant="subtitle1"
sx={{
width: "90%",
height: "60px",
display: "flex",
flexDirection: "column",
justifyContent: "center",
alignItems: "center",
color: theme.palette.secondary.main
}}>
Опросник
</Typography>
<Box sx={{
marginTop: "35px",
display: "grid",
gridTemplateColumns: "repeat(2, 1fr)",
gridGap: "20px",
marginBottom: "120px",
}}>
<Button
variant = "contained"
sx={{
backgroundColor: theme.palette.menu.main,
width: "320px",
height: "52px",
fontWeight: "normal",
fontSize: "17px",
"&:hover": {
backgroundColor: theme.palette.grayMedium.main
}
}}>
Создать тариф на время
</Button>
<Button
variant = "contained"
sx={{
backgroundColor: theme.palette.menu.main,
width: "320px",
height: "52px",
fontWeight: "normal",
fontSize: "17px",
"&:hover": {
backgroundColor: theme.palette.grayMedium.main
}
}}>
Создать тариф на объем
</Button>
<Button
variant = "contained"
sx={{
backgroundColor: theme.palette.menu.main,
width: "320px",
height: "52px",
fontWeight: "normal",
fontSize: "17px",
"&:hover": {
backgroundColor: theme.palette.grayMedium.main
}
}}>
Изменить тариф
</Button>
</Box>
</React.Fragment>
);
}
export default Quiz;

92
src/Components/Tariffs/Templater/index.tsx Normal file
View File

@ -0,0 +1,92 @@
import * as React from "react";
import { Box, Typography, Button } from "@mui/material";
import theme from "../../../theme";
const Templater: React.FC = () => {
return (
<React.Fragment>
<Typography
variant="subtitle1"
sx={{
width: "90%",
height: "60px",
display: "flex",
flexDirection: "column",
justifyContent: "center",
alignItems: "center",
color: theme.palette.secondary.main
}}>
Шаблонизатор документов
</Typography>
<Box sx={{
marginTop: "35px",
display: "grid",
gridTemplateColumns: "repeat(2, 1fr)",
gridGap: "20px",
marginBottom: "120px",
}}>
<Button
variant = "contained"
sx={{
backgroundColor: theme.palette.menu.main,
width: "320px",
height: "52px",
fontWeight: "normal",
fontSize: "17px",
"&:hover": {
backgroundColor: theme.palette.grayMedium.main
}
}}>
Создать тариф на время
</Button>
<Button
variant = "contained"
sx={{
backgroundColor: theme.palette.menu.main,
width: "320px",
height: "52px",
fontWeight: "normal",
fontSize: "17px",
"&:hover": {
backgroundColor: theme.palette.grayMedium.main
}
}}>
Создать тариф на объем
</Button>
<Button
variant = "contained"
sx={{
backgroundColor: theme.palette.menu.main,
width: "320px",
height: "52px",
fontWeight: "normal",
fontSize: "17px",
"&:hover": {
backgroundColor: theme.palette.grayMedium.main
}
}}>
Создать тариф на гигабайты
</Button>
<Button
variant = "contained"
sx={{
backgroundColor: theme.palette.menu.main,
width: "320px",
height: "52px",
fontWeight: "normal",
fontSize: "17px",
"&:hover": {
backgroundColor: theme.palette.grayMedium.main
}
}}>
Изменить тариф
</Button>
</Box>
</React.Fragment>
);
}
export default Templater;

28
src/Components/Tariffs/index.tsx Normal file
View File

@ -0,0 +1,28 @@
import * as React from "react";
import { Box } from "@mui/material";
import Templater from "./Templater";
import Quiz from "./Quiz";
import Contractor from "./Contractor";
import theme from "../../theme";
const Tariffs: React.FC = () => {
return (
<React.Fragment>
<Box sx={{
width: "90%",
display: "flex",
flexDirection: "column",
justifyContent: "center",
alignItems: "center"
}}>
<Templater />
<Quiz />
<Contractor />
</Box>
</React.Fragment>
);
}
export default Tariffs;

1
src/index.tsx
View File

@ -16,6 +16,7 @@ root.render(
<Route path="/" element={ <Authorization /> } />
<Route path="/dispatch" element={ <Sections /> } />
<Route path="/users" element={ <LoggedIn /> } />
<Route path="/modalAdmin" element={ <LoggedIn /> } />
<Route path="/modalUser" element={ <LoggedIn /> } />
<Route