'use client';
import { useId, useState } from 'react';
import Link from 'next/link';
import { toAbsoluteUrl } from '@/lib/helpers';
import { Button } from '@/components/ui/button';
import {
Dialog,
DialogContent,
DialogDescription,
DialogHeader,
DialogTitle,
} from '@/components/ui/dialog';
import { Label } from '@/components/ui/label';
import { RadioGroup, RadioGroupItem } from '@/components/ui/radio-group';
export function ReportUserDialog({
open,
onOpenChange,
}: {
open: boolean;
onOpenChange: () => void;
}) {
const [selectedReason, setSelectedReason] = useState('Impersonation');
const id = useId();
const buildNotice = () => {
return (
);
};
const buildOptions = () => {
const items = [
{
name: 'Impersonation',
description:
'It looks like this profile might be impersonating someone else',
checked: true,
},
{
name: 'Spammy',
description:
'This person profile, comments or posts contain misleading text',
checked: false,
},
{
name: 'Off bumble behavior',
description:
'This person has engaged in behavior that is abusive, bullying',
checked: false,
},
{
name: 'Something else',
description: 'None of the reasons listed above are suitable',
checked: false,
},
];
return (
Let us know why you're reporting this person
{items.map((item, index) => (
))}
);
};
const buildFooter = () => {
return (
Don't worry, your report is completely anonymous; the person you're{' '}
reporting will not be informed that you've submitted it
);
};
const buildButton = () => {
return (
);
};
return (
);
}
})