chore: change imports from @headlessui/react

Author: ourai

src/app/creator/Tabs.js

@@ -16,12 +16,13 @@
 
 'use client';
 
-import { Disclosure } from '@headlessui/react';
 import { ChevronUpIcon } from '@heroicons/react/20/solid';
 import clsx from 'clsx';
 import Link from 'next/link';
 import { usePathname } from 'next/navigation';
 
+import { Disclosure } from '@/components/control';
+
 const menus = [
   {
     name: 'Learn',

src/app/dashboard/hire/page.js

@@ -16,7 +16,6 @@
 
 'use client';
 
-import { Popover, Transition } from '@headlessui/react';
 import { useConnectModal } from '@rainbow-me/rainbowkit';
 import { readContract } from '@wagmi/core';
 import Image from 'next/image';
@@ -25,6 +24,7 @@ import { useEffect, useState, Fragment, useCallback } from 'react';
 import { toast } from 'react-toastify';
 import { useWalletClient, useNetwork, useSwitchNetwork, useAccount } from 'wagmi';
 
+import { Popover, Transition } from '@/components/control';
 import {
   EditIcon,
   ManageIcon,

src/app/learn/[type]/[id]/RightCard.js

@@ -16,9 +16,6 @@
 
 'use client';
 
-// import { getBalance } from '@wagmi/core'
-// import { prepareWriteContract, writeContract } from '@wagmi/core'
-import { Dialog, Transition } from '@headlessui/react';
 import { CheckIcon } from '@heroicons/react/20/solid';
 import { useConnectModal } from '@rainbow-me/rainbowkit';
 import { waitForTransaction } from '@wagmi/core';
@@ -38,6 +35,9 @@ import { toast } from 'react-toastify';
 import { useAccount, useNetwork, useSwitchNetwork, erc20ABI } from 'wagmi';
 
 import { Button } from '@/components/Button';
+// import { getBalance } from '@wagmi/core'
+// import { prepareWriteContract, writeContract } from '@wagmi/core'
+import { Dialog, Transition } from '@/components/control';
 import { USDTIcon } from '@/components/Icons';
 import { TwitterIcon, DownloadIcon } from '@/components/Icons';
 import { formatTime } from '@/utils/date';

src/app/learn/[type]/[id]/[chapter_id]/Menu.js

@@ -17,11 +17,12 @@
 /* eslint-disable jsx-a11y/anchor-is-valid */
 'use client';
 
-import { Transition } from '@headlessui/react';
 import { ListBulletIcon } from '@heroicons/react/24/outline';
 import clsx from 'clsx';
 import { useEffect, useState } from 'react';
 
+import { Transition } from '@/components/control';
+
 export function Menu() {
   const [anchors, setAnchors] = useState([]);
   const [isOpen, setIsOpen] = useState(false);

src/app/profile/MySkill.js

@@ -23,7 +23,7 @@ import { UploadIcon } from '@/components/Icons';
 import Loader from '@/components/Loader';
 import { Select } from '@/components/Select';
 import { ReactSelect } from '@/components/Select/ReactSelect';
-// import { Transition } from '@headlessui/react'
+// import { Transition } from '@/components/control';
 // import { CheckIcon, XMarkIcon } from '@heroicons/react/20/solid'
 import { BASE_INPUT_STYLE } from '@/constants/config';
 import { classNames } from '@/utils';

src/app/profile/SelectCountry.js

@@ -14,10 +14,10 @@
  * limitations under the License.
  */
 
-import { Listbox, Transition } from '@headlessui/react';
 import { ChevronDownIcon, CheckIcon, XMarkIcon } from '@heroicons/react/20/solid';
 import { Fragment } from 'react';
 
+import { Listbox, Transition } from '@/components/control';
 import { classNames } from '@/utils';
 
 import { countries } from '#/lib/countries';

src/entry/layouts/default/BindEmailModal.js

@@ -16,7 +16,6 @@
 
 'use client';
 
-import { Dialog, Transition } from '@headlessui/react';
 import { ArrowRightOnRectangleIcon, XMarkIcon } from '@heroicons/react/20/solid';
 import { disconnect } from '@wagmi/core';
 import { useSession, signOut } from 'next-auth/react';
@@ -27,6 +26,7 @@ import { toast } from 'react-toastify';
 import isEmail from 'validator/lib/isEmail';
 import { useAccount } from 'wagmi';
 
+import { Dialog, Transition } from '@/components/control';
 import Loader from '@/components/Loader';
 import { shortenAddress } from '@/utils';
 

src/shared/components/Modal/index.js

@@ -14,11 +14,11 @@
  * limitations under the License.
  */
 
-import { Dialog, Transition } from '@headlessui/react';
 import clsx from 'clsx';
 import React, { Fragment } from 'react';
 
 import { isFunction } from '../../utils';
+import { Dialog, Transition } from '../control/headlessui';
 
 export function Modal({
   isOpen,

src/shared/components/Popover/index.js

@@ -14,14 +14,15 @@
  * limitations under the License.
  */
 
-import { Popover as HeadlessuiPopover } from '@headlessui/react';
 import React, { Fragment, useCallback, useEffect, useState } from 'react';
 import ReactDOM from 'react-dom';
 import { usePopper } from 'react-popper';
 
 import useInterval from '@/hooks/useInterval';
 import { classNames } from '@/utils';
 
+import { Popover as HeadlessuiPopover } from '../control/headlessui';
+
 export default function Popover({ content, children, placement = 'auto', show, modifiers }) {
   const [referenceElement, setReferenceElement] = useState(null);
   const [popperElement, setPopperElement] = useState(null);

src/shared/components/Select/index.js

@@ -16,14 +16,15 @@
 
 'use client';
 
-import { Listbox, Transition } from '@headlessui/react';
 import { ChevronDownIcon, XMarkIcon } from '@heroicons/react/20/solid';
 import clsx from 'clsx';
 import Image from 'next/image';
 import { Fragment } from 'react';
 
 import { classNames } from '@/utils';
 
+import { Listbox, Transition } from '../control/headlessui';
+
 export function Select({ placeholder, options, selected, change, className, hasArrow = true }) {
   return (
     <Listbox onChange={change}>