muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-25 04:46:40 +07:00
Code Packages Activity Actions

fixing dialogs

Browse source
This commit is contained in:
muerwre 2019-08-02 18:02:36 +07:00
parent 80fc6523b7
commit 9220f09fe5
6 changed files with 77 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

34
src/containers/dialogs/ExampleDialog/index.tsx
View file

@ -1,14 +1,40 @@
import React, { FC } from "react";
import { ScrollDialog } from "../ScrollDialog";
import { IDialogProps } from "~/redux/modal/constants";
import { useCloseOnEscape } from "~/utils/hooks";
import { Group } from "~/components/containers/Group";
import { InputText } from "~/components/input/InputText";
import { Button } from "../../../components/input/Button/index";
import { Padder } from "~/components/containers/Padder";
import * as styles from "~/containers/examples/HorizontalExample/styles.scss";
interface IProps {}
type IProps = IDialogProps & {};
const ExampleDialog: FC<IProps> = ({}) => {
const ExampleDialog: FC<IProps> = ({ onRequestClose }) => {
const title = <div>title</div>;
const buttons = <div>buttons</div>;
const buttons = (
<Padder>
<Group horizontal>
<InputText title="Название" />
<Button title="Сохранить" iconRight="check" />
</Group>
</Padder>
);
useCloseOnEscape(onRequestClose);
return (
<ScrollDialog buttons={buttons} width={720}>
<div style={{ height: 1400 }}>test</div>
<div className={styles.uploads}>
<div className={styles.cell} />
<div className={styles.cell} />
<div className={styles.cell} />
<div className={styles.cell} />
<div className={styles.cell} />
<div className={styles.cell} />
</div>
</ScrollDialog>
);
};