Merge pull request #262 from Team-TenTen/feature/#261/private-space-icon

비공개 스페이스에 자물쇠 아이콘 추가
Team-TenTen · Dec 4, 2023 · 0d0801c · 0d0801c
2 parents 9996293 + cdd2d5a
commit 0d0801c
Show file tree

Hide file tree

Showing 6 changed files with 13 additions and 13 deletions.
diff --git a/src/app/(routes)/space/[spaceId]/page.tsx b/src/app/(routes)/space/[spaceId]/page.tsx
@@ -52,6 +52,7 @@ const SpacePage = ({ params }: { params: { spaceId: number } }) => {
           favorite={space.favoriteCount}
           hasFavorite={space.hasFavorite}
           hasScrap={space.hasScrap}
+          isVisible={space.isVisible}
         />
       )}
       {tabList.length > MIN_TAB_NUMBER && (

diff --git a/src/components/common/AvatarGroup/constants/index.ts b/src/components/common/AvatarGroup/constants/index.ts
@@ -1,4 +1,4 @@
-export const MARGIN_LEFT_DIVIDE = 12
+export const MARGIN_LEFT_DIVIDE = 13
 export const PADDING_LEFT_DIVIDE = 7
 export const DEFAULT_SIZE = 60
 export const DEFAULT_LIMIT = 3

diff --git a/src/components/common/LinkItem/LinkItem.tsx b/src/components/common/LinkItem/LinkItem.tsx
@@ -331,7 +331,7 @@ const LinkItem = ({
                     message: LINK_FORM_VALIDATION.TITLE_LENGTH,
                   },
                   maxLength: {
-                    value: 50,
+                    value: 100,
                     message: LINK_FORM_VALIDATION.TITLE_LENGTH,
                   },
                   required: {

diff --git a/src/components/common/LinkList/LinkList.tsx b/src/components/common/LinkList/LinkList.tsx
@@ -116,13 +116,6 @@ const LinkList = ({
     tagId,
   })
 
-  const isValidUrl = () => {
-    const url = getValues('url')
-    console.log(url)
-    var urlPattern = /^(https?:\/\/|file:\/\/)/
-    return urlPattern.test(url)
-  }
-
   return isLinksLoading ? (
     <Spinner />
   ) : (
@@ -240,7 +233,7 @@ const LinkList = ({
                   message: LINK_FORM_VALIDATION.TITLE_LENGTH,
                 },
                 maxLength: {
-                  value: 50,
+                  value: 100,
                   message: LINK_FORM_VALIDATION.TITLE_LENGTH,
                 },
                 required: {

diff --git a/src/components/common/LinkList/constants/index.ts b/src/components/common/LinkList/constants/index.ts
@@ -19,7 +19,7 @@ export const LINK_FORM_VALIDATION = {
   URL_INVALID_FORM: '유효한 URL 형식이 아닙니다.',
   URL_NOT_BUTTTON: 'URL 입력 후 확인 버튼을 눌러주세요.',
   NONE_TITLE: '제목을 입력해 주세요.',
-  TITLE_LENGTH: '제목은 2자 이상 50자 이하로 작성해야 합니다.',
+  TITLE_LENGTH: '제목은 2자 이상 100자 이하로 작성해야 합니다.',
   TAG_LENGTH: '태그는 10자 이하로 작성해야 합니다.',
 }
 

diff --git a/src/components/common/Space/Space.tsx b/src/components/common/Space/Space.tsx
@@ -2,7 +2,10 @@
 
 import { useModal } from '@/hooks'
 import { useCurrentUser } from '@/hooks/useCurrentUser'
-import { StarIcon as StarIconOutline } from '@heroicons/react/24/outline'
+import {
+  LockClosedIcon,
+  StarIcon as StarIconOutline,
+} from '@heroicons/react/24/outline'
 import { InboxArrowDownIcon } from '@heroicons/react/24/solid'
 import { StarIcon as StarIconSolid } from '@heroicons/react/24/solid'
 import Image from 'next/image'
@@ -27,6 +30,7 @@ interface SpaceProps {
   favorite: number
   hasFavorite?: boolean
   hasScrap?: boolean
+  isVisible?: boolean
 }
 
 const Space = ({
@@ -41,6 +45,7 @@ const Space = ({
   favorite,
   hasFavorite,
   hasScrap,
+  isVisible,
 }: SpaceProps) => {
   const router = useRouter()
   const { isLoggedIn } = useCurrentUser()
@@ -147,8 +152,9 @@ const Space = ({
             <div className="line-clamp-1 text-xs font-normal text-gray6">
               {description}
             </div>
-            <div className="flex grow items-center">
+            <div className="flex grow items-center justify-between">
               <Chip label={category} />
+              {!isVisible && <LockClosedIcon className="h-4 w-4" />}
             </div>
           </div>
         </div>