@oxyhq/services 0.0.80 → 0.0.81
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccountSwitcherModal.d.ts","sourceRoot":"","sources":["../../../src/components/auth/AccountSwitcherModal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAyB/B,UAAU,yBAAyB;IACjC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,oBAAoB,
|
|
1
|
+
{"version":3,"file":"AccountSwitcherModal.d.ts","sourceRoot":"","sources":["../../../src/components/auth/AccountSwitcherModal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAyB/B,UAAU,yBAAyB;IACjC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,oBAAoB,kGAyI/B,CAAC"}
|
|
@@ -4,8 +4,6 @@ import { useEffect, useState } from "react";
|
|
|
4
4
|
import { motion } from "framer-motion";
|
|
5
5
|
import useOxySession from "../../hooks/useOxySession";
|
|
6
6
|
import { forwardRef } from "react";
|
|
7
|
-
import { HiOutlinePlus } from "react-icons/hi";
|
|
8
|
-
import { PiSignOutBold } from "react-icons/pi";
|
|
9
7
|
import { AiOutlineClose } from "react-icons/ai";
|
|
10
8
|
import { Avatar } from "../../features/profile";
|
|
11
9
|
import getUserById from "../../hooks/getUserById";
|
|
@@ -46,23 +44,37 @@ export const AccountSwitcherModal = forwardRef((props, ref) => {
|
|
|
46
44
|
ease: "easeInOut",
|
|
47
45
|
duration: 0.2,
|
|
48
46
|
}, className: styles.container, role: "group", onClick: handleBackdropClick, ref: ref },
|
|
47
|
+
React.createElement("div", { className: "w-full max-w-md mx-auto bg-white shadow-lg rounded-xl" },
|
|
48
|
+
React.createElement("div", { className: "flex justify-between items-center p-4 border-b" },
|
|
49
|
+
React.createElement("div", { className: "flex items-center space-x-2" },
|
|
50
|
+
React.createElement(Avatar, { userImage: session?.user?.avatar, className: "h-10 w-10 rounded-full object-center", draggable: false, alt: "avatar" }),
|
|
51
|
+
React.createElement("p", { className: "text-sm font-medium" }, session?.user?.email)),
|
|
52
|
+
React.createElement("button", { className: "p-2 hover:bg-gray-100 rounded-full" }, "Close")),
|
|
53
|
+
React.createElement("div", { className: "p-4 space-y-4" },
|
|
54
|
+
React.createElement("h2", { className: "text-2xl font-bold" }, "Hi, Shiv!"),
|
|
55
|
+
React.createElement("button", { className: "w-full py-2 px-4 border border-gray-300 rounded-md text-blue-600 hover:bg-gray-50" }, "Manage your Google Account"),
|
|
56
|
+
React.createElement("button", { className: "w-full py-2 px-4 border border-gray-300 rounded-md text-left flex justify-between items-center hover:bg-gray-50" }, "Show more accounts"),
|
|
57
|
+
React.createElement("div", { className: "pt-2" },
|
|
58
|
+
React.createElement("p", { className: "text-sm text-gray-500 mb-2" }, "More from Oxy Services"),
|
|
59
|
+
React.createElement("div", { className: "space-y-2" }, [
|
|
60
|
+
{ icon: null, text: "Search history", rightText: "Saving" },
|
|
61
|
+
{ icon: null, text: "Delete last 15 minutes" },
|
|
62
|
+
{ icon: null, text: "Interests" },
|
|
63
|
+
{ icon: null, text: "Search personalisation" },
|
|
64
|
+
{ icon: null, text: "SafeSearch", rightText: "Blurring on" },
|
|
65
|
+
{ icon: null, text: "Language", rightText: "English" },
|
|
66
|
+
].map((item, index) => (React.createElement("button", { key: index, className: "w-full py-2 px-4 flex items-center justify-start hover:bg-gray-100 rounded-md" },
|
|
67
|
+
item.icon &&
|
|
68
|
+
React.createElement(item.icon, {
|
|
69
|
+
className: "h-5 w-5 mr-3",
|
|
70
|
+
}),
|
|
71
|
+
React.createElement("span", { className: "flex-grow text-left" }, item.text),
|
|
72
|
+
item.rightText && (React.createElement("span", { className: "text-sm text-gray-500" }, item.rightText)))))))),
|
|
73
|
+
React.createElement("div", { className: "flex justify-between p-4 border-t" },
|
|
74
|
+
React.createElement("button", { className: "w-1/2 py-2 px-4 flex items-center justify-center hover:bg-gray-100 rounded-md" }, "More settings"),
|
|
75
|
+
React.createElement("button", { className: "w-1/2 py-2 px-4 flex items-center justify-center hover:bg-gray-100 rounded-md" }, "Help"))),
|
|
49
76
|
React.createElement("button", { className: "absolute right-3 top-3 rounded-full bg-indigo-50 p-1 hover:bg-zinc-200", onClick: onClose },
|
|
50
77
|
React.createElement(AiOutlineClose, { className: "h-5 w-5 rounded-full stroke-2 text-zinc-700" })),
|
|
51
|
-
React.createElement("p", null, session?.user?.email),
|
|
52
|
-
React.createElement("div", { className: "h-20 w-20 rounded-full border" },
|
|
53
|
-
React.createElement(Avatar, { userImage: session?.user?.avatar, className: "h-full w-full rounded-full object-center", draggable: false, alt: "avatar" })),
|
|
54
|
-
React.createElement("h2", { className: "md:text-2xl text-xl font-normal" },
|
|
55
|
-
"Hi, ",
|
|
56
|
-
session?.user?.name,
|
|
57
|
-
"!"),
|
|
58
|
-
React.createElement("a", { href: "https://accounts.oxy.so", target: "_blank", rel: "noopener noreferrer", className: "rounded-full border border-black px-7 py-2 text-blue-500 hover:bg-[#d3dfee]" }, "Manage your Oxy Account"),
|
|
59
|
-
React.createElement("div", { className: "flex space-x-1" },
|
|
60
|
-
React.createElement("button", { className: "md:w-44 flex w-36 items-center space-x-2 rounded-l-full bg-white py-3 pl-3 hover:bg-zinc-200" },
|
|
61
|
-
React.createElement(HiOutlinePlus, { className: "h-7 w-7 rounded-full bg-indigo-50 p-1 text-blue-500" }),
|
|
62
|
-
React.createElement("span", null, "Add account")),
|
|
63
|
-
React.createElement("button", { className: "md:w-44 flex w-36 items-center space-x-2 rounded-r-full bg-white py-3 pl-3 hover:bg-zinc-200" },
|
|
64
|
-
React.createElement(PiSignOutBold, { className: "h-6 w-6" }),
|
|
65
|
-
React.createElement("span", null, "Sign out"))),
|
|
66
78
|
React.createElement("div", { className: "flex h-10 items-center space-x-2 text-xs" },
|
|
67
79
|
React.createElement("a", { href: "https://oxy.so/company/transparency/policies/privacy", target: "_blank", rel: "noopener noreferrer" }, "Privacy policy"),
|
|
68
80
|
React.createElement("span", { className: "-mt-[3px]" }, " . "),
|