Enhance modal functionality with ModalContainer component; update ShareModal to use ModalWrapper; improve responsive text sizes in index.css; integrate FloatingActionButton in HomePage for popup sharing.

2025-10-09 12:32:53 +05:00
parent 0b8edce9d6
commit 8aef8a530b
14 changed files with 357 additions and 26 deletions
@@ -0,0 +1,34 @@
+import QRIcon from "../icons/QRIcon";
+import ShareFilledIcon from "../icons/ShareFilledIcon";
+import PopupWrapper from "../PopupWrapper";
+import Button from "../ui/Button";
+import LinkShare from "../ui/LinkShare";
+
+function SharePopup() {
+  return (
+    <PopupWrapper
+      title="Пригласить"
+      draggable
+      leftButton={
+        <Button variant="secondary" size="small">
+          <div className="2xl:size-[1.111vw] size-4">
+            <QRIcon />
+          </div>
+        </Button>
+      }
+    >
+      <div className="mb-[1.389vw]">
+        <p className="title-s mb-[0.833vw] font-medium">Скопировать ссылку</p>
+        <LinkShare link={"https://estate.stream/ahdy12jdco1"} />
+      </div>
+      <Button variant="primary" size="large" className="w-full">
+        Отправить
+        <div className="2xl:size-[1.111vw] size-4">
+          <ShareFilledIcon />
+        </div>
+      </Button>
+    </PopupWrapper>
+  );
+}
+
+export default SharePopup;