website/plasma-theme-builder/src/components/AuthRequestModal/AuthRequestModal.tsx - dev - sdds/plasma

website/plasma-theme-builder/src/components/AuthRequestModal/AuthRequestModal.tsx

38 строк1 KB

Neretin Artem

fix(plasma-theme-builder): Fix support opened props

27 авг 2024, 11:13

27 авг 2024, 11:13f66eeab

import React from 'react';
import styled from 'styled-components';
import { Button, H3, BodyM, Modal } from '@salutejs/plasma-b2c';

const StyledTokenForm = styled(Modal)`
    width: 40rem;
`;

const StyledButtons = styled.div`
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
`;

const Description = styled(BodyM)`
    padding: 1rem 0;
`;

interface AuthRequestProps {
    opened: boolean;
    onClose: () => void;
    onGetAuth: () => void;
}

export const AuthRequestModal = ({ opened, onClose, onGetAuth }: AuthRequestProps) => {
    return (
        <StyledTokenForm opened={opened} onClose={onClose}>
            <H3>Запрос учетной записи</H3>
            <Description>
                Для продолжения необходима авторизация в GitHub. Вы будете перенаправлены на страницу логина
            </Description>
            <StyledButtons>
                <Button type="button" text="Отмена" onClick={onClose} />
                <Button type="button" text="Продолжить" view="primary" onClick={onGetAuth} />
            </StyledButtons>
        </StyledTokenForm>
    );
};