chore: shared-controls-management

package.json

@@ -58,7 +58,6 @@
     "class-variance-authority": "^0.7.1",
     "clsx": "^1.2.1",
     "copy-to-clipboard": "^3.3.3",
-    "daisyui": "^4.4.23",
     "dayjs": "^1.11.7",
     "file-saver": "^2.0.5",
     "framer-motion": "^10.16.4",
@@ -126,6 +125,7 @@
     "astro": "4.16.7",
     "autoprefixer": "^10.4.12",
     "cross-env": "7.0.3",
+    "daisyui": "4.12.10",
     "eslint": "^8.7.0",
     "eslint-config-next": "^13.1.1",
     "eslint-plugin-headers": "1.2.1",

src/app/(uc)/signin/page.js

@@ -16,7 +16,6 @@
 
 'use client';
 
-import { EyeIcon, EyeSlashIcon } from '@heroicons/react/24/outline';
 import clsx from 'clsx';
 import { signIn } from 'next-auth/react';
 import Link from 'next/link';
@@ -25,6 +24,7 @@ import { useState } from 'react';
 import { useForm } from 'react-hook-form';
 import { toast } from 'react-toastify';
 
+import { EyeIcon, EyeSlashIcon } from '@/components/icon/outlined';
 import Loader from '@/components/Loader';
 import { isEmpty } from '@/utils';
 import { wrapOnChange } from '@/utils/form';

src/app/(uc)/signup/page.js

@@ -16,7 +16,6 @@
 
 'use client';
 
-import { EyeIcon, EyeSlashIcon } from '@heroicons/react/24/outline';
 import clsx from 'clsx';
 import { useSession } from 'next-auth/react';
 import Link from 'next/link';
@@ -28,6 +27,7 @@ import { toast } from 'react-toastify';
 import isEmail from 'validator/lib/isEmail';
 import { useAccount } from 'wagmi';
 
+import { EyeIcon, EyeSlashIcon } from '@/components/icon/outlined';
 import Loader from '@/components/Loader';
 
 import { registerEmail, sendCode } from '#/services/auth';

src/app/bounties/Filter.js

@@ -16,13 +16,13 @@
 
 'use client';
 
-import { ChevronUpIcon } from '@heroicons/react/20/solid';
 import clsx from 'clsx';
 import { motion } from 'framer-motion';
 import Image from 'next/image';
 import { useRouter, useSearchParams, usePathname } from 'next/navigation';
 import { useMemo, useState } from 'react';
 
+import { ChevronUpIcon } from '@/components/icon/solid';
 import { ReactSelect } from '@/components/Select/ReactSelect';
 import { createQueryString } from '@/utils';
 

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';
+import { ChevronUpIcon } from '@/components/icon/solid';
+
 const menus = [
   {
     name: 'Learn',

src/app/creator/UsersModal.js

@@ -16,13 +16,13 @@
 
 'use client';
 
-import { ArrowDownTrayIcon } from '@heroicons/react/24/outline';
 import clsx from 'clsx';
 import React, { useState, useMemo } from 'react';
 import { toast } from 'react-toastify';
 import useSWR from 'swr';
 
 import { Button } from '@/components/Button';
+import { ArrowDownTrayIcon } from '@/components/icon/outlined';
 import { Modal } from '@/components/Modal';
 import { NoData } from '@/components/NoData';
 import { CommonListSkeleton } from '@/components/Skeleton/CommonListSkeleton';

src/app/creator/build/[type]/AppliedModal.js

@@ -14,7 +14,6 @@
  * limitations under the License.
  */
 
-import { EyeIcon } from '@heroicons/react/24/outline';
 import { useConnectModal } from '@rainbow-me/rainbowkit';
 import { writeContract } from '@wagmi/core';
 // import { formatTime } from '@/utils/date'
@@ -26,6 +25,7 @@ import { toast } from 'react-toastify';
 import { useAccount } from 'wagmi';
 
 import { Button } from '@/components/Button';
+import { EyeIcon } from '@/components/icon/outlined';
 import Loader from '@/components/Loader';
 import { Modal } from '@/components/Modal';
 import { Confirm } from '@/components/Modal/Confirm';

src/app/creator/build/[type]/BountyList.js

@@ -14,12 +14,12 @@
  * limitations under the License.
  */
 
-import { EyeIcon } from '@heroicons/react/24/outline';
 import Link from 'next/link';
 import { useRouter } from 'next/navigation';
 import { useCallback, useState } from 'react';
 
 import { Button } from '@/components/Button';
+import { EyeIcon } from '@/components/icon/outlined';
 import { formatTime } from '@/utils/date';
 
 import { changeBountyStatus } from '#/services/creator';

src/app/creator/build/[type]/Search.js

@@ -16,13 +16,13 @@
 
 'use client';
 
-import { PlusIcon } from '@heroicons/react/24/outline';
 import Link from 'next/link';
 import { usePathname, useRouter, useSearchParams } from 'next/navigation';
 import { useMemo } from 'react';
 import { useDebouncedCallback } from 'use-debounce';
 
 import { Button } from '@/components/Button';
+import { PlusIcon } from '@/components/icon/outlined';
 import { SearchIcon } from '@/components/Icons';
 import Input from '@/components/Input';
 import { ReactSelect } from '@/components/Select/ReactSelect';

src/app/creator/learn/[type]/ChallengesList.js

@@ -16,12 +16,12 @@
 
 'use client';
 
-import { EyeIcon } from '@heroicons/react/24/outline';
 import Image from 'next/image';
 import Link from 'next/link';
 import { useState } from 'react';
 import ContentEditable from 'react-contenteditable';
 
+import { EyeIcon } from '@/components/icon/outlined';
 import { HTMLDecode } from '@/utils';
 import { formatTime } from '@/utils/date';
 

src/app/creator/learn/[type]/OpenCourseList.js

@@ -16,12 +16,12 @@
 
 'use client';
 
-import { EyeIcon } from '@heroicons/react/24/outline';
 import Image from 'next/image';
 import Link from 'next/link';
 import { useState } from 'react';
 import ContentEditable from 'react-contenteditable';
 
+import { EyeIcon } from '@/components/icon/outlined';
 import { HTMLDecode } from '@/utils';
 
 import { useMediaUrl } from '#/state/application/hooks';

src/app/creator/learn/[type]/Search.js

@@ -16,14 +16,14 @@
 
 'use client';
 
-import { PlusIcon } from '@heroicons/react/24/outline';
-import { CheckCircleIcon } from '@heroicons/react/24/solid';
 import clsx from 'clsx';
 import { usePathname, useRouter, useSearchParams } from 'next/navigation';
 import { useMemo, useState } from 'react';
 import { useDebouncedCallback } from 'use-debounce';
 
 import { Button } from '@/components/Button';
+import { PlusIcon } from '@/components/icon/outlined';
+import { CheckCircleIcon } from '@/components/icon/solid';
 import { SearchIcon } from '@/components/Icons';
 import Input from '@/components/Input';
 import { Modal } from '@/components/Modal';

src/app/creator/learn/[type]/SelectItemModal.js

@@ -14,7 +14,6 @@
  * limitations under the License.
  */
 
-import { CheckCircleIcon } from '@heroicons/react/24/solid';
 import clsx from 'clsx';
 import Image from 'next/image';
 import { useRouter } from 'next/navigation';
@@ -23,6 +22,7 @@ import { toast } from 'react-toastify';
 import useSWR from 'swr';
 
 import { Button } from '@/components/Button';
+import { CheckCircleIcon } from '@/components/icon/solid';
 import { Modal } from '@/components/Modal';
 import { NoData } from '@/components/NoData';
 import { CommonListSkeleton } from '@/components/Skeleton/CommonListSkeleton';

src/app/creator/learn/[type]/[id]/Chllenges.js

@@ -14,11 +14,11 @@
  * limitations under the License.
  */
 
-import { ChevronLeftIcon, ChevronRightIcon, CalendarDaysIcon } from '@heroicons/react/24/outline';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
 import DatePicker from 'react-datepicker';
 
+import { ChevronLeftIcon, ChevronRightIcon, CalendarDaysIcon } from '@/components/icon/outlined';
 import { ReactSelect } from '@/components/Select/ReactSelect';
 
 import 'react-datepicker/dist/react-datepicker.css';

src/app/creator/learn/[type]/[id]/StepFour.js

@@ -16,13 +16,13 @@
 
 'use client';
 
-import { PlusIcon, MinusCircleIcon } from '@heroicons/react/20/solid';
 import Image from 'next/image';
 import GithubIcon from 'public/images/svg/github_p.svg';
 import { useState, useRef, useEffect } from 'react';
 import { toast } from 'react-toastify';
 
 import { Button } from '@/components/Button';
+import { PlusIcon, MinusCircleIcon } from '@/components/icon/solid';
 import { TwitterIcon } from '@/components/Icons';
 import Loader from '@/components/Loader';
 import { Modal } from '@/components/Modal';

src/app/creator/learn/[type]/[id]/StepThree.js

@@ -16,11 +16,11 @@
 
 'use client';
 
-import { PlusIcon } from '@heroicons/react/24/outline';
 import { useState, useEffect, useMemo } from 'react';
 import { toast } from 'react-toastify';
 
 import { Button } from '@/components/Button';
+import { PlusIcon } from '@/components/icon/outlined';
 import { EditIcon, DeleteIcon, AddIcon } from '@/components/Icons';
 import { OEditor } from '@/components/MarkDown';
 // import { useCourseDetails } from '#/services/learn/hooks'

src/app/creator/learn/[type]/[id]/StepTwo.js

@@ -14,10 +14,10 @@
  * limitations under the License.
  */
 
-import { PlusCircleIcon } from '@heroicons/react/20/solid';
-import { MinusCircleIcon } from '@heroicons/react/24/outline';
 import { useState, useEffect } from 'react';
 
+import { MinusCircleIcon } from '@/components/icon/outlined';
+import { PlusCircleIcon } from '@/components/icon/solid';
 import { OEditor } from '@/components/MarkDown';
 import  { BASE_INPUT_STYLE } from '@/constants/config';
 

src/app/creator/learn/[type]/[id]/page.js

@@ -16,7 +16,6 @@
 
 'use client';
 
-import { ChevronDoubleLeftIcon } from '@heroicons/react/20/solid';
 import clsx from 'clsx';
 // import Image from 'next/image'
 import Link from 'next/link';
@@ -25,6 +24,7 @@ import { useMemo, useState, useCallback, useEffect, useRef } from 'react';
 import { toast } from 'react-toastify';
 
 import { Button } from '@/components/Button';
+import { ChevronDoubleLeftIcon } from '@/components/icon/solid';
 import { ArrowLeftIcon } from '@/components/Icons';
 // import { useDebouncedCallback } from 'use-debounce'
 import { useAsyncState } from '@/hooks/useAsyncState';

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/ChallengesFilter.js

@@ -16,12 +16,12 @@
 
 'use client';
 
-import { ChevronUpIcon, ChevronDownIcon } from '@heroicons/react/20/solid';
 import clsx from 'clsx';
 import Image from 'next/image';
 import { useSearchParams, useRouter, usePathname } from 'next/navigation';
 import { useState } from 'react';
 
+import { ChevronUpIcon, ChevronDownIcon } from '@/components/icon/solid';
 import { createQueryString } from '@/utils';
 
 import { challengesFilterList } from '#/lib/challengesFilterList';

src/app/learn/Chapters.js

@@ -16,12 +16,12 @@
 
 'use client';
 
-import { LockClosedIcon } from '@heroicons/react/24/outline';
 import BigNumber from 'bignumber.js';
 import { useRouter } from 'next/navigation';
 import { useMemo } from 'react';
 import { toast } from 'react-toastify';
 
+import { LockClosedIcon } from '@/components/icon/outlined';
 import { VideoIcon, AgreementIcon } from '@/components/Icons';
 import { ProgressBar } from '@/components/ProgressBar';
 import { millisecondFormat } from '@/utils/date';

src/app/learn/Top.js

@@ -16,9 +16,9 @@
 
 'use client';
 
-import { ChevronLeftIcon } from '@heroicons/react/20/solid';
 import clsx from 'clsx';
 
+import { ChevronLeftIcon } from '@/components/icon/solid';
 import { SearchIcon, FilterIcon } from '@/components/Icons';
 import { Select } from '@/components/Select';
 

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

@@ -16,10 +16,11 @@
 
 'use client';
 
-import { ArrowLeftIcon } from '@heroicons/react/24/solid';
 import { useRouter, useSearchParams } from 'next/navigation';
 import { useMemo } from 'react';
 
+import { ArrowLeftIcon } from '@/components/icon/solid';
+
 export function Back({params}) {
   const router = useRouter();
   const searchParams = useSearchParams();

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

@@ -15,8 +15,6 @@
  */
 
 'use client';
-import { ClockIcon } from '@heroicons/react/24/outline';
-import { CheckCircleIcon } from '@heroicons/react/24/solid';
 import clsx from 'clsx';
 import { useSession } from 'next-auth/react';
 import Image from 'next/image';
@@ -25,6 +23,8 @@ import { useState } from 'react';
 import { toast } from 'react-toastify';
 
 import { Button } from '@/components/Button';
+import { ClockIcon } from '@/components/icon/outlined';
+import { CheckCircleIcon } from '@/components/icon/solid';
 import { Share } from '@/components/Share';
 import { formatTime } from '@/utils/date';
 

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

@@ -16,10 +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';
 import { writeContract } from '@wagmi/core';
@@ -38,6 +34,10 @@ 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 { CheckIcon } from '@/components/icon/solid';
 import { USDTIcon } from '@/components/Icons';
 import { TwitterIcon, DownloadIcon } from '@/components/Icons';
 import { formatTime } from '@/utils/date';

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

@@ -16,11 +16,11 @@
 
 'use client';
 
-import { ChevronLeftIcon, ChevronRightIcon } from '@heroicons/react/24/outline';
 import Link from 'next/link';
 import { useRouter } from 'next/navigation';
 import { useMemo } from 'react';
 
+import { ChevronLeftIcon, ChevronRightIcon } from '@/components/icon/outlined';
 import { FilterIcon } from '@/components/Icons';
 import { OViewer } from '@/components/MarkDown';
 import { Player } from '@/components/Player';