-
+
- {data.content}
+ {message.content}
diff --git a/src/shared/mediaUploader.tsx b/src/app/chats/components/messages/mediaUploader.tsx
similarity index 89%
rename from src/shared/mediaUploader.tsx
rename to src/app/chats/components/messages/mediaUploader.tsx
index ae63bf6b..7827fddb 100644
--- a/src/shared/mediaUploader.tsx
+++ b/src/app/chats/components/messages/mediaUploader.tsx
@@ -1,22 +1,25 @@
import * as Tooltip from '@radix-ui/react-tooltip';
-import { useState } from 'react';
+import { Dispatch, SetStateAction, useState } from 'react';
import { LoaderIcon, MediaIcon } from '@shared/icons';
import { useImageUploader } from '@utils/hooks/useUploader';
-export function MediaUploader({ setState }: { setState: any }) {
+export function MediaUploader({
+ setState,
+}: {
+ setState: Dispatch
>;
+}) {
const upload = useImageUploader();
const [loading, setLoading] = useState(false);
const uploadMedia = async () => {
+ setLoading(true);
const image = await upload(null);
if (image.url) {
- // update state
setState((prev: string) => `${prev}\n${image.url}`);
- // stop loading
- setLoading(false);
}
+ setLoading(false);
};
return (
diff --git a/src/app/chats/components/unknowns.tsx b/src/app/chats/components/unknowns.tsx
index 1b3af469..0982e769 100644
--- a/src/app/chats/components/unknowns.tsx
+++ b/src/app/chats/components/unknowns.tsx
@@ -7,9 +7,8 @@ import { User } from '@app/auth/components/user';
import { CancelIcon, PlusIcon } from '@shared/icons';
import { compactNumber } from '@utils/number';
-import { Chats } from '@utils/types';
-export function UnknownsModal({ data }: { data: Chats[] }) {
+export function UnknownsModal({ data }: { data: string[] }) {
const navigate = useNavigate();
const [open, setOpen] = useState(false);
@@ -55,16 +54,16 @@ export function UnknownsModal({ data }: { data: Chats[] }) {