Add working but unstyled notify registration modal
This commit is contained in:
31
web/components/action-buttons/FollowButton.tsx
Normal file
31
web/components/action-buttons/FollowButton.tsx
Normal file
@@ -0,0 +1,31 @@
|
||||
import { Button } from 'antd';
|
||||
import { HeartFilled } from '@ant-design/icons';
|
||||
import { useState } from 'react';
|
||||
import Modal from '../ui/Modal/Modal';
|
||||
import s from './ActionButton.module.scss';
|
||||
|
||||
export default function FollowButton() {
|
||||
const [showModal, setShowModal] = useState(false);
|
||||
|
||||
const buttonClicked = () => {
|
||||
setShowModal(true);
|
||||
};
|
||||
|
||||
return (
|
||||
<>
|
||||
<Button
|
||||
type="primary"
|
||||
className={`${s.button}`}
|
||||
icon={<HeartFilled />}
|
||||
onClick={buttonClicked}
|
||||
>
|
||||
Follow
|
||||
</Button>
|
||||
<Modal
|
||||
title="Follow <servername>"
|
||||
visible={showModal}
|
||||
handleCancel={() => setShowModal(false)}
|
||||
/>
|
||||
</>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user