fix api

.env.development

@@ -1,6 +1,5 @@
 API_VERSION=1
-API_URL=http://localhost:3002/api
-GATEWAY_URL=http://localhost:3002
+GATEWAY_URL=http://localhost:4000
 AUTH_URL=http://localhost:3003
 CDN_URL=http://localhost:3004
 MEDIA_PROXY_URL=http://localhost:3005

src/app/channels/[channelId]/page.tsx

@@ -7,9 +7,9 @@ import { useDispatch } from 'react-redux';
 
 export default function SelectedChannelPage({
 	params
-}: {
+}: Readonly<{
 	params: { channelId: string };
-}) {
+}>) {
 	const { channelId } = params;
 
 	const dispatch = useDispatch();

src/client/links.ts

@@ -1,6 +1,6 @@
 export class ClientLinks {
-	api = process.env['API_URL'] as string;
-	cdn = process.env['CDN_URL'] as string;
+	api = process.env['API_URL'];
+	cdn = process.env['CDN_URL'];
 	gateway = process.env['GATEWAY_URL'] ?? ('https://chat-backend.tnfangel.com' as string);
-	proxy = process.env['MEDIA_PROXY_URL'] as string;
+	proxy = process.env['MEDIA_PROXY_URL'];
 }

src/components/channel/InputArea.tsx

@@ -131,36 +131,37 @@ export default function InputArea({ channel }: InputBoxProps) {
 
 			client.sentMessagesIds.push(tempMessageId);
 
-			await ky
-				.post(`${client.links.api}/channels/${channel?.id}/messages`, {
-					json: { content: content, nonce: tempMessageId }
-				})
-				.json<{ id: string }>()
-				.then((result) => {
-					dispatch(
-						modifyMessage({
-							channelId: rawMessage.channelId,
-							messageId: rawMessage.id,
-							newMessage: normalizeMessage({
-								...rawMessage,
-								mode: MessageModes.Sent,
-								id: result.id
+			if (client.links.api)
+				await ky
+					.post(`${client.links.api}/channels/${channel?.id}/messages`, {
+						json: { content: content, nonce: tempMessageId }
+					})
+					.json<{ id: string }>()
+					.then((result) => {
+						dispatch(
+							modifyMessage({
+								channelId: rawMessage.channelId,
+								messageId: rawMessage.id,
+								newMessage: normalizeMessage({
+									...rawMessage,
+									mode: MessageModes.Sent,
+									id: result.id
+								})
 							})
-						})
-					);
-				})
-				.catch(() => {
-					dispatch(
-						modifyMessage({
-							channelId: rawMessage.channelId,
-							messageId: rawMessage.id,
-							newMessage: normalizeMessage({
-								...rawMessage,
-								mode: MessageModes.Blocked
+						);
+					})
+					.catch(() => {
+						dispatch(
+							modifyMessage({
+								channelId: rawMessage.channelId,
+								messageId: rawMessage.id,
+								newMessage: normalizeMessage({
+									...rawMessage,
+									mode: MessageModes.Blocked
+								})
 							})
-						})
-					);
-				});
+						);
+					});
 		}
 	}
 

src/components/screens/GuildScreen.tsx

@@ -1,7 +1,7 @@
 'use client';
 import useThemeColors from '@/hooks/useThemeColors';
 import type { RootState } from '@/store';
-import { Center, Text, Flex, Heading, Stack } from '@chakra-ui/react';
+import { Center, Flex, Heading, Stack, Text } from '@chakra-ui/react';
 import { useRouter } from 'next/navigation';
 import { useRef } from 'react';
 import GuildSidebar from '../layout/GuildSidebar';
@@ -49,7 +49,9 @@ export default function GuildScreen() {
 			>
 				<Center w='100%' h='100%'>
 					<Stack>
-						<Heading as='h1' size="lg">Welcome to {guild.name}</Heading>
+						<Heading as='h1' size='lg'>
+							Welcome to {guild.name}
+						</Heading>
 						<Text>Select a channel to get started.</Text>
 					</Stack>
 				</Center>

src/hooks/useChannel.ts

@@ -3,7 +3,9 @@ import type { IRawChannel } from '@/types/interfaces/Channel';
 import useSWRImmutable from 'swr/immutable';
 
 export default function useChannel(channelId: string) {
-	const { data, isLoading, error } = useSWRImmutable<IRawChannel>(`${client.links.api}/channels/${channelId}`);
+	const { data, isLoading, error } = useSWRImmutable<IRawChannel>(
+		client.links.api ? `${client.links.api}/channels/${channelId}` : undefined
+	);
 
 	return { data, isLoading, error };
 }

src/hooks/useMessage.ts

@@ -4,7 +4,7 @@ import useSWRImmutable from 'swr/immutable';
 
 export default function useChannelMessage(channelId: string, messageId: string) {
 	const { data, isLoading, error } = useSWRImmutable<IRawMessage[]>(
-		`${client.links.api}/channels/${channelId}/messages/${messageId}`
+		client.links.api ? `${client.links.api}/channels/${channelId}/messages/${messageId}` : undefined
 	);
 
 	return { data, isLoading, error };

src/hooks/useMessages.ts

@@ -3,12 +3,16 @@ import type { IRawMessage } from '@/types/interfaces/Message';
 import useSWRImmutable from 'swr/immutable';
 
 export default function useChannelMessages(channelId: string, before?: string | null, after?: string | null) {
-	const url = new URL(`${client.links.api}/channels/${channelId}/messages`);
+	let url;
 
-	if (before) url.searchParams.set('before', before);
-	if (after) url.searchParams.set('after', after);
+	if (client.links.api) {
+		url = new URL(`${client.links.api}/channels/${channelId}/messages`);
 
-	const { data, isLoading, error } = useSWRImmutable<IRawMessage[]>(url.toString());
+		if (before) url.searchParams.set('before', before);
+		if (after) url.searchParams.set('after', after);
+	}
+
+	const { data, isLoading, error } = useSWRImmutable<IRawMessage[]>(url?.toString());
 
 	return { data, isLoading, error };
 }

src/hooks/useUser.ts

@@ -3,7 +3,9 @@ import type { IRawUser } from '@/types/interfaces/User';
 import useSWRImmutable from 'swr/immutable';
 
 export default function useUser(userId: string) {
-	const { data, isLoading, error } = useSWRImmutable<IRawUser>(`${client.links.api}/api/users/${userId}`);
+	const { data, isLoading, error } = useSWRImmutable<IRawUser>(
+		client.links.api ? `${client.links.api}/api/users/${userId}` : undefined
+	);
 
 	return { data, isLoading, error };
 }