fix: 400.XXX가 url되는 문제

wafflestudio · Apr 6, 2024 · c7c5cbd · c7c5cbd
1 parent 536e5b2
commit c7c5cbd
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 4 deletions.
diff --git a/app/[locale]/page.tsx b/app/[locale]/page.tsx
@@ -78,7 +78,7 @@ const ImportantSectionArrow = () => (
 
 const LinkSection = () => {
   return (
-    <div className="mx-6 mb-[4.75rem] mt-[60px] flex flex-col gap-[4rem] sm:mx-[7.81rem] sm:mb-[12rem] sm:mt-[90px] sm:flex-row sm:gap-[8rem]">
+    <div className="mx-6 mb-[7rem] mt-[60px] flex flex-col gap-[4rem] sm:mx-[7.81rem] sm:mb-[12rem] sm:mt-[90px] sm:flex-row sm:gap-[8rem]">
       <div className="flex flex-1 flex-col gap-[1.37rem] sm:gap-9">
         <h3 className="text-md font-medium text-neutral-400 sm:text-[1.3125rem]">바로가기</h3>
         <div className="flex flex-col gap-5">

diff --git a/app/[locale]/reservations/[roomType]/[roomName]/helper/modals/ReservationDetailModal.tsx b/app/[locale]/reservations/[roomType]/[roomName]/helper/modals/ReservationDetailModal.tsx
@@ -67,7 +67,7 @@ function ReservationDetailModal({ reservation }: { reservation: Reservation }) {
 
   return (
     <ModalFrame onClose={closeModal}>
-      <div className="border-b border-t-[3px] border-main-orange bg-neutral-100 p-7">
+      <div className="min-w-[341px] border-b border-t-[3px] border-main-orange bg-neutral-100 p-7">
         <div className="mb-5 flex items-center justify-between">
           <h2 className="text-xl font-bold text-neutral-800">{reservation.title}</h2>
           <span

diff --git a/components/editor/HTMLViewer.tsx b/components/editor/HTMLViewer.tsx
@@ -24,7 +24,8 @@ export default function HTMLViewer({
   style,
 }: HTMLViewerProps) {
   // TODO: 서버에서 link 처리
-  const linkedHTML = Autolinker.link(htmlContent);
+  // 400.XXX를 막기 위해 tldMatches false처리
+  const linkedHTML = Autolinker.link(htmlContent, { urls: { tldMatches: false } });
 
   return (
     <div className={`flow-root ${className}`}>

diff --git a/components/main/NoticeSection.tsx b/components/main/NoticeSection.tsx
@@ -18,7 +18,7 @@ export default function NoticeSection({ allMainNotice }: { allMainNotice: AllMai
 
   return (
     <div className="relative mt-16 bg-[#212121] sm:mx-[7.75rem] sm:mt-[5.5rem] sm:h-[28rem]">
-      <div className="flex flex-col px-5 pb-[1.625rem] pt-12 sm:absolute sm:bottom-12 sm:right-12 sm:w-[33rem] sm:p-0">
+      <div className="flex flex-col px-7 pb-[1.625rem] pt-12 sm:absolute sm:bottom-12 sm:right-12 sm:w-[33rem] sm:p-0">
         <h3 className="text-[1.75rem] font-semibold text-white">공지사항</h3>
         <div className="mt-6 flex items-center justify-between sm:mt-9">
           <div className="flex gap-[0.875rem]">