diff --git a/src/app/channel/components/createModal.tsx b/src/app/channel/components/createModal.tsx index 9001f0ce..b98f5fcc 100644 --- a/src/app/channel/components/createModal.tsx +++ b/src/app/channel/components/createModal.tsx @@ -1,4 +1,6 @@ import { AvatarUploader } from '@lume/shared/avatarUploader'; +import CancelIcon from '@lume/shared/icons/cancel'; +import PlusIcon from '@lume/shared/icons/plus'; import { RelayContext } from '@lume/shared/relayProvider'; import { DEFAULT_AVATAR, WRITEONLY_RELAYS } from '@lume/stores/constants'; import { dateToUnix } from '@lume/utils/getDate'; @@ -6,7 +8,6 @@ import { useActiveAccount } from '@lume/utils/hooks/useActiveAccount'; import { createChannel } from '@lume/utils/storage'; import { Dialog, Transition } from '@headlessui/react'; -import { Cancel, Plus } from 'iconoir-react'; import { getEventHash, signEvent } from 'nostr-tools'; import { Fragment, useContext, useEffect, useState } from 'react'; import { useForm } from 'react-hook-form'; @@ -84,7 +85,7 @@ export default function ChannelCreateModal() { className="group inline-flex items-center gap-2 rounded-md px-2.5 py-1.5 hover:bg-zinc-900" >
- +
Add a new channel
@@ -129,7 +130,7 @@ export default function ChannelCreateModal() { autoFocus={false} className="inline-flex h-5 w-5 items-center justify-center rounded hover:bg-zinc-900" > - +
diff --git a/src/app/channel/components/messages/form.tsx b/src/app/channel/components/messages/form.tsx index 6c89ed2e..14363fba 100644 --- a/src/app/channel/components/messages/form.tsx +++ b/src/app/channel/components/messages/form.tsx @@ -1,12 +1,12 @@ import UserReply from '@lume/app/channel/components/messages/userReply'; import { ImagePicker } from '@lume/shared/form/imagePicker'; +import CancelIcon from '@lume/shared/icons/cancel'; import { RelayContext } from '@lume/shared/relayProvider'; import { channelContentAtom, channelReplyAtom } from '@lume/stores/channel'; import { WRITEONLY_RELAYS } from '@lume/stores/constants'; import { dateToUnix } from '@lume/utils/getDate'; import { useActiveAccount } from '@lume/utils/hooks/useActiveAccount'; -import { Cancel } from 'iconoir-react'; import { useAtom, useAtomValue } from 'jotai'; import { useResetAtom } from 'jotai/utils'; import { getEventHash, signEvent } from 'nostr-tools'; @@ -87,7 +87,7 @@ export default function ChannelMessageForm({ channelID }: { channelID: string | onClick={() => stopReply()} className="inline-flex h-5 w-5 items-center justify-center rounded hover:bg-zinc-800" > - + diff --git a/src/shared/appHeader.tsx b/src/shared/appHeader.tsx index 8f94c165..7429d9cd 100644 --- a/src/shared/appHeader.tsx +++ b/src/shared/appHeader.tsx @@ -1,4 +1,6 @@ -import { ArrowLeft, ArrowRight, Refresh } from 'iconoir-react'; +import ArrowLeftIcon from '@lume/shared/icons/arrowLeft'; +import ArrowRightIcon from '@lume/shared/icons/arrowRight'; +import RefreshIcon from '@lume/shared/icons/refresh'; let platformName = 'darwin'; @@ -27,19 +29,19 @@ export default function AppHeader() { onClick={() => goBack()} className="group inline-flex h-6 w-6 items-center justify-center rounded-md hover:bg-zinc-900" > - +
diff --git a/src/shared/form/imagePicker.tsx b/src/shared/form/imagePicker.tsx index 209d583c..dfaed859 100644 --- a/src/shared/form/imagePicker.tsx +++ b/src/shared/form/imagePicker.tsx @@ -1,3 +1,4 @@ +import PlusIcon from '@lume/shared/icons/plus'; import { channelContentAtom } from '@lume/stores/channel'; import { chatContentAtom } from '@lume/stores/chat'; import { noteContentAtom } from '@lume/stores/note'; @@ -5,7 +6,6 @@ import { createBlobFromFile } from '@lume/utils/createBlobFromFile'; import { open } from '@tauri-apps/api/dialog'; import { Body, fetch } from '@tauri-apps/api/http'; -import { Plus } from 'iconoir-react'; import { useSetAtom } from 'jotai'; import { useState } from 'react'; @@ -89,7 +89,7 @@ export const ImagePicker = ({ type }: { type: string }) => { > ) : ( - + )} ); diff --git a/src/shared/icons/arrowLeft.tsx b/src/shared/icons/arrowLeft.tsx new file mode 100644 index 00000000..626fa642 --- /dev/null +++ b/src/shared/icons/arrowLeft.tsx @@ -0,0 +1,15 @@ +import { SVGProps } from 'react'; + +export default function ArrowLeftIcon(props: JSX.IntrinsicAttributes & SVGProps) { + return ( + + + + ); +} diff --git a/src/shared/icons/arrowRight.tsx b/src/shared/icons/arrowRight.tsx new file mode 100644 index 00000000..432ab8be --- /dev/null +++ b/src/shared/icons/arrowRight.tsx @@ -0,0 +1,15 @@ +import { SVGProps } from 'react'; + +export default function ArrowRightIcon(props: JSX.IntrinsicAttributes & SVGProps) { + return ( + + + + ); +} diff --git a/src/shared/icons/cancel.tsx b/src/shared/icons/cancel.tsx new file mode 100644 index 00000000..b4f89592 --- /dev/null +++ b/src/shared/icons/cancel.tsx @@ -0,0 +1,14 @@ +import { SVGProps } from 'react'; + +export default function CancelIcon(props: JSX.IntrinsicAttributes & SVGProps) { + return ( + + + + ); +} diff --git a/src/shared/icons/navArrowDown.tsx b/src/shared/icons/navArrowDown.tsx new file mode 100644 index 00000000..c2061dbf --- /dev/null +++ b/src/shared/icons/navArrowDown.tsx @@ -0,0 +1,12 @@ +import { SVGProps } from 'react'; + +export default function NavArrowDownIcon(props: JSX.IntrinsicAttributes & SVGProps) { + return ( + + + + ); +} diff --git a/src/shared/icons/plus.tsx b/src/shared/icons/plus.tsx new file mode 100644 index 00000000..9f77a000 --- /dev/null +++ b/src/shared/icons/plus.tsx @@ -0,0 +1,15 @@ +import { SVGProps } from 'react'; + +export default function PlusIcon(props: JSX.IntrinsicAttributes & SVGProps) { + return ( + + + + ); +} diff --git a/src/shared/icons/refresh.tsx b/src/shared/icons/refresh.tsx new file mode 100644 index 00000000..177eab0a --- /dev/null +++ b/src/shared/icons/refresh.tsx @@ -0,0 +1,14 @@ +import { SVGProps } from 'react'; + +export default function RefreshIcon(props: JSX.IntrinsicAttributes & SVGProps) { + return ( + + + + ); +} diff --git a/src/shared/multiAccounts.tsx b/src/shared/multiAccounts.tsx index b7b026ff..aa5aca91 100644 --- a/src/shared/multiAccounts.tsx +++ b/src/shared/multiAccounts.tsx @@ -1,10 +1,10 @@ import ActiveAccount from '@lume/shared/accounts/active'; import InactiveAccount from '@lume/shared/accounts/inactive'; import LumeIcon from '@lume/shared/icons/lume'; +import PlusIcon from '@lume/shared/icons/plus'; import { APP_VERSION } from '@lume/stores/constants'; import { getAccounts } from '@lume/utils/storage'; -import { Plus } from 'iconoir-react'; import useSWR from 'swr'; const fetcher = () => getAccounts(); @@ -39,7 +39,7 @@ export default function MultiAccounts() { href="/onboarding" className="group relative flex h-11 w-11 shrink cursor-pointer items-center justify-center rounded-lg border-2 border-dashed border-zinc-600 hover:border-zinc-400" > - +
diff --git a/src/shared/navigation.tsx b/src/shared/navigation.tsx index 612e8b6a..f0a23d3e 100644 --- a/src/shared/navigation.tsx +++ b/src/shared/navigation.tsx @@ -1,9 +1,9 @@ import ChannelsList from '@lume/app/channel/components/list'; import ChatsList from '@lume/app/chat/components/list'; import ActiveLink from '@lume/shared/activeLink'; +import NavArrowDownIcon from '@lume/shared/icons/navArrowDown'; import { Disclosure } from '@headlessui/react'; -import { Bonfire, NavArrowUp, PeopleTag } from 'iconoir-react'; export default function Navigation() { return ( @@ -15,10 +15,10 @@ export default function Navigation() {
- +

Newsfeed

 @@ -28,7 +28,7 @@ export default function Navigation() { className="flex h-8 items-center gap-2.5 rounded-md px-2.5 text-sm font-medium hover:text-zinc-200" activeClassName="dark:bg-zinc-900 dark:text-zinc-100 hover:dark:bg-zinc-800" > - + # Following - + # Circle @@ -50,10 +50,10 @@ export default function Navigation() {
- +

Channels

 @@ -70,10 +70,10 @@ export default function Navigation() {
- +

Chats