diff --git a/client/src/App.tsx b/client/src/App.tsx index 5885044..ca6dd51 100644 --- a/client/src/App.tsx +++ b/client/src/App.tsx @@ -12,6 +12,7 @@ import { Signup } from "./Signup"; import { Home } from "./Home"; import { chatAction, + editChatAction, homeAction, loginAction, newChatAction, @@ -22,6 +23,7 @@ import { import { chatListLoader, chatLoader, + editChatLoader, feedLoader, homeLoader, newChatLoader, @@ -34,6 +36,7 @@ import { UserList } from "./UserList"; import { Chats } from "./Chats"; import { ChatCreate } from "./ChatCreate"; import { Chat } from "./Chat"; +import { ChatEdit } from "./ChatEdit"; const router = createBrowserRouter([ { @@ -71,6 +74,12 @@ const router = createBrowserRouter([ loader: chatLoader, action: chatAction, }, + { + path: "messages/chat/:id/edit", + element: , + loader: editChatLoader, + action: editChatAction, + }, { path: "users", element: , diff --git a/client/src/Chat.scss b/client/src/Chat.scss index d6aaacc..6a5415f 100644 --- a/client/src/Chat.scss +++ b/client/src/Chat.scss @@ -27,6 +27,10 @@ margin-right: 1rem; } + .chatHeaderActions { + flex-grow: 0; + } + margin-bottom: 1rem; padding-bottom: 0.2rem; } diff --git a/client/src/Chat.tsx b/client/src/Chat.tsx index c2d5d90..bb7d652 100644 --- a/client/src/Chat.tsx +++ b/client/src/Chat.tsx @@ -1,4 +1,9 @@ -import { useFetcher, useLoaderData, useRevalidator } from "react-router-dom"; +import { + Link, + useFetcher, + useLoaderData, + useRevalidator, +} from "react-router-dom"; import { chatLoader, LoaderToType } from "./loaders"; import { isError } from "./api/dto"; @@ -37,7 +42,14 @@ export function Chat() { return (
-
{chat.name}
+
+ {chat.name} + {chat.creatorUuid == getTokenUserUuid() && ( + + edit + + )} +