FeedWriteButton.tsx 844 B

1234567891011121314151617181920212223242526272829303132333435
  1. 'use client';
  2. import { useState } from 'react';
  3. import { Dialog, DialogContent, DialogHeader, DialogTitle } from '@/components/ui/dialog';
  4. import useAuth from '@/hooks/useAuth';
  5. import FeedComposer from './FeedComposer';
  6. export default function FeedWriteButton() {
  7. const { loginCheck } = useAuth();
  8. const [open, setOpen] = useState(false);
  9. const handleClick = () => {
  10. if (!loginCheck()) {
  11. return;
  12. }
  13. setOpen(true);
  14. };
  15. return (
  16. <>
  17. <button type="button" className="feed__write-fab" onClick={handleClick}>
  18. 글쓰기
  19. </button>
  20. <Dialog open={open} onOpenChange={setOpen}>
  21. <DialogContent className="feed__composer-dialog">
  22. <DialogHeader>
  23. <DialogTitle>피드 작성</DialogTitle>
  24. </DialogHeader>
  25. <FeedComposer onSubmitted={() => setOpen(false)} />
  26. </DialogContent>
  27. </Dialog>
  28. </>
  29. );
  30. }