no more default export

src/app/channel/components/blacklist.tsx

@@ -1,11 +1,9 @@
-import MutedItem from "@app/channel/components/mutedItem";
-
-import MuteIcon from "@icons/mute";
-
+import { MutedItem } from "@app/channel/components/mutedItem";
 import { Popover, Transition } from "@headlessui/react";
+import { MuteIcon } from "@shared/icons";
 import { Fragment } from "react";
 
-export default function ChannelBlackList({ blacklist }: { blacklist: any }) {
+export function ChannelBlackList({ blacklist }: { blacklist: any }) {
 	return (
 		<Popover className="relative">
 			{({ open }) => (

src/app/channel/components/createModal.tsx

@@ -1,7 +1,6 @@
 import { Dialog, Transition } from "@headlessui/react";
-import CancelIcon from "@icons/cancel";
-import PlusIcon from "@icons/plus";
 import { AvatarUploader } from "@shared/avatarUploader";
+import { CancelIcon, PlusIcon } from "@shared/icons";
 import { Image } from "@shared/image";
 import { RelayContext } from "@shared/relayProvider";
 import { useActiveAccount } from "@stores/accounts";
@@ -13,7 +12,7 @@ import { Fragment, useContext, useEffect, useState } from "react";
 import { useForm } from "react-hook-form";
 import { navigate } from "vite-plugin-ssr/client/router";
 
-export default function ChannelCreateModal() {
+export function ChannelCreateModal() {
 	const pool: any = useContext(RelayContext);
 	const account = useActiveAccount((state: any) => state.account);
 

src/app/channel/components/item.tsx

@@ -4,7 +4,7 @@ import { usePageContext } from "@utils/hooks/usePageContext";
 
 import { twMerge } from "tailwind-merge";
 
-export default function ChannelsListItem({ data }: { data: any }) {
+export function ChannelsListItem({ data }: { data: any }) {
 	const channel: any = useChannelProfile(data.event_id, data.pubkey);
 	const pageContext = usePageContext();
 

src/app/channel/components/list.tsx

@@ -1,9 +1,9 @@
-import ChannelCreateModal from "@app/channel/components/createModal";
-import ChannelsListItem from "@app/channel/components/item";
+import { ChannelCreateModal } from "@app/channel/components/createModal";
+import { ChannelsListItem } from "@app/channel/components/item";
 import { useChannels } from "@stores/channels";
 import { useEffect } from "react";
 
-export default function ChannelsList() {
+export function ChannelsList() {
 	const channels = useChannels((state: any) => state.channels);
 	const fetchChannels = useChannels((state: any) => state.fetch);
 

src/app/channel/components/member.tsx

@@ -1,7 +1,5 @@
 import { Image } from "@shared/image";
-
 import { DEFAULT_AVATAR } from "@stores/constants";
-
 import { useProfile } from "@utils/hooks/useProfile";
 
 export function Member({ pubkey }: { pubkey: string }) {

src/app/channel/components/messages/form.tsx

@@ -1,5 +1,5 @@
-import UserReply from "@app/channel/components/messages/userReply";
-import CancelIcon from "@icons/cancel";
+import { UserReply } from "@app/channel/components/messages/userReply";
+import { CancelIcon } from "@shared/icons";
 import { RelayContext } from "@shared/relayProvider";
 import { useActiveAccount } from "@stores/accounts";
 import { useChannelMessages } from "@stores/channels";
@@ -8,9 +8,7 @@ import { dateToUnix } from "@utils/date";
 import { getEventHash, getSignature } from "nostr-tools";
 import { useContext, useState } from "react";
 
-export default function ChannelMessageForm({
-	channelID,
-}: { channelID: string }) {
+export function ChannelMessageForm({ channelID }: { channelID: string }) {
 	const pool: any = useContext(RelayContext);
 	const account = useActiveAccount((state: any) => state.account);
 

src/app/channel/components/messages/hideButton.tsx

@@ -1,6 +1,5 @@
 import { Dialog, Transition } from "@headlessui/react";
-import CancelIcon from "@icons/cancel";
-import HideIcon from "@icons/hide";
+import { CancelIcon, HideIcon } from "@shared/icons";
 import { RelayContext } from "@shared/relayProvider";
 import { Tooltip } from "@shared/tooltip";
 import { useActiveAccount } from "@stores/accounts";

src/app/channel/components/messages/muteButton.tsx

@@ -1,6 +1,5 @@
 import { Dialog, Transition } from "@headlessui/react";
-import CancelIcon from "@icons/cancel";
-import MuteIcon from "@icons/mute";
+import { CancelIcon, MuteIcon } from "@shared/icons";
 import { RelayContext } from "@shared/relayProvider";
 import { Tooltip } from "@shared/tooltip";
 import { useActiveAccount } from "@stores/accounts";

src/app/channel/components/messages/replyButton.tsx

@@ -1,4 +1,4 @@
-import ReplyMessageIcon from "@icons/replyMessage";
+import { ReplyMessageIcon } from "@shared/icons";
 import { Tooltip } from "@shared/tooltip";
 import { useChannelMessages } from "@stores/channels";
 

src/app/channel/components/messages/userReply.tsx

@@ -3,7 +3,7 @@ import { DEFAULT_AVATAR } from "@stores/constants";
 import { useProfile } from "@utils/hooks/useProfile";
 import { shortenKey } from "@utils/shortenKey";
 
-export default function UserReply({ pubkey }: { pubkey: string }) {
+export function UserReply({ pubkey }: { pubkey: string }) {
 	const { user, isError, isLoading } = useProfile(pubkey);
 
 	return (

src/app/channel/components/metadata.tsx

@@ -1,11 +1,7 @@
 import { useChannelProfile } from "@app/channel/hooks/useChannelProfile";
-
+import { CopyIcon } from "@shared/icons";
 import { Image } from "@shared/image";
-
-import CopyIcon from "@icons/copy";
-
 import { DEFAULT_AVATAR } from "@stores/constants";
-
 import { nip19 } from "nostr-tools";
 
 export function ChannelMetadata({

src/app/channel/components/mutedItem.tsx

@@ -1,13 +1,10 @@
 import { Image } from "@shared/image";
-
 import { DEFAULT_AVATAR } from "@stores/constants";
-
 import { useProfile } from "@utils/hooks/useProfile";
 import { shortenKey } from "@utils/shortenKey";
-
 import { useState } from "react";
 
-export default function MutedItem({ data }: { data: any }) {
+export function MutedItem({ data }: { data: any }) {
 	const { user, isError, isLoading } = useProfile(data.content);
 	const [status, setStatus] = useState(data.status);
 

src/app/channel/components/updateModal.tsx

@@ -1,7 +1,6 @@
 import { Dialog, Transition } from "@headlessui/react";
-import CancelIcon from "@icons/cancel";
-import EditIcon from "@icons/edit";
 import { AvatarUploader } from "@shared/avatarUploader";
+import { CancelIcon, EditIcon } from "@shared/icons";
 import { Image } from "@shared/image";
 import { RelayContext } from "@shared/relayProvider";
 import { useActiveAccount } from "@stores/accounts";
@@ -12,7 +11,7 @@ import { getEventHash, getSignature } from "nostr-tools";
 import { Fragment, useContext, useEffect, useState } from "react";
 import { useForm } from "react-hook-form";
 
-export default function ChannelUpdateModal({ id }: { id: string }) {
+export function ChannelUpdateModal({ id }: { id: string }) {
 	const pool: any = useContext(RelayContext);
 	const account = useActiveAccount((state: any) => state.account);