From 048529308fe0c354d9af739e0a1e54760be9a513 Mon Sep 17 00:00:00 2001
From: choidabom <48302257+choidabom@users.noreply.github.com>
Date: Thu, 5 Sep 2024 11:16:54 +0900
Subject: [PATCH] Fix user nickname display in shared document (#333)

---
 .../src/pages/workspace/document/share/Index.tsx    | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/frontend/src/pages/workspace/document/share/Index.tsx b/frontend/src/pages/workspace/document/share/Index.tsx
index f8efbd40..365da099 100644
--- a/frontend/src/pages/workspace/document/share/Index.tsx
+++ b/frontend/src/pages/workspace/document/share/Index.tsx
@@ -1,19 +1,24 @@
 import { Box } from "@mui/material";
+import { useEffect, useMemo } from "react";
+import { useDispatch, useSelector } from "react-redux";
+import { Navigate, useLocation, useSearchParams } from "react-router-dom";
 import DocumentView from "../../../../components/editor/DocumentView";
 import { useGetDocumentBySharingTokenQuery } from "../../../../hooks/api/document";
-import { Navigate, useLocation, useSearchParams } from "react-router-dom";
-import { useEffect, useMemo } from "react";
 import { useYorkieDocument } from "../../../../hooks/useYorkieDocument";
-import { useDispatch } from "react-redux";
 import { setClient, setDoc, setMode, setShareRole } from "../../../../store/editorSlice";
+import { selectUser } from "../../../../store/userSlice";
 
 function DocumentShareIndex() {
 	const dispatch = useDispatch();
 	const location = useLocation();
 	const [searchParams] = useSearchParams();
+	const userStore = useSelector(selectUser);
 	const shareToken = useMemo(() => searchParams.get("token"), [searchParams]);
 	const { data: sharedDocument } = useGetDocumentBySharingTokenQuery(shareToken);
-	const { doc, client } = useYorkieDocument(sharedDocument?.yorkieDocumentId, "Anonymous");
+	const { doc, client } = useYorkieDocument(
+		sharedDocument?.yorkieDocumentId,
+		userStore.data?.nickname ?? "Anonymous"
+	);
 
 	useEffect(() => {
 		if (!sharedDocument?.role) return;