diff --git a/app/(main)/player/components/complain-popup.module.scss b/app/(main)/player/components/complain-popup.module.scss index 4ef916c..62f4ea5 100644 --- a/app/(main)/player/components/complain-popup.module.scss +++ b/app/(main)/player/components/complain-popup.module.scss @@ -3,9 +3,15 @@ .complains { @apply w-full flex flex-col gap-2.5; } + .complain { @apply w-full h-fit flex justify-between items-center cursor-pointer; } + .label { @apply text-[18px]; } + +.buttons { + @apply bg-[#191717] rounded-lg; +} diff --git a/app/(main)/player/components/complain-popup.tsx b/app/(main)/player/components/complain-popup.tsx index 7d128db..e448d74 100644 --- a/app/(main)/player/components/complain-popup.tsx +++ b/app/(main)/player/components/complain-popup.tsx @@ -5,9 +5,11 @@ import CustomButton from "@/app/ui/custom-button"; import Popup from "@/app/ui/popup/popup"; import TextArea from "@/app/ui/text-area/text-area"; import Complains from "./complains"; +import styles from "./complain-popup.module.scss"; export default function ComplainPopup() { - const [isOpen, setOpen] = useState(false); + const [isComplainOpen, setComplainOpen] = useState(false); + const [isShareOpen, setShareOpen] = useState(false); const [textValue, setTextValue] = useState(null); const [complainData, setComplainData] = useState(null); useEffect(() => { @@ -31,9 +33,9 @@ export default function ComplainPopup() { text="Пожаловаться" title="Комментарий к жалобе" icoSize={24} - bgClass="bg-[#191717]" - isOpen={isOpen} - setOpen={setOpen} + bgClass="bg-transparent" + isOpen={isComplainOpen} + setOpen={setComplainOpen} >