[Feat] 커뮤니티 목록 VIEW, 배너/ 커뮤니티 글 컴포넌트

src/assets/svgs/BtnWritingChipxIcon.tsx

@@ -1,9 +1,15 @@
+import * as React from 'react';
 import type { SVGProps } from 'react';
 
 const SvgBtnWritingChipxIcon = (props: SVGProps<SVGSVGElement>) => (
   <svg xmlns="http://www.w3.org/2000/svg" width={20} height={20} fill="none" {...props}>
-    <rect width={20} height={20} fill="" rx={4} stroke="none" />
-    <path stroke="" strokeLinecap="round" strokeWidth={1.534} d="m14.445 5.555-8.89 8.889M14.445 14.443l-8.89-8.889" />
+    <rect width={20} height={20} fill="#CCC" rx={4} />
+    <path
+      stroke="#848688"
+      strokeLinecap="round"
+      strokeWidth={1.534}
+      d="m14.445 5.555-8.89 8.889M14.445 14.443l-8.89-8.889"
+    />
   </svg>
 );
 export default SvgBtnWritingChipxIcon;

src/assets/svgs/IcAlarmBlack24.tsx

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import type { SVGProps } from 'react';
 
 const SvgIcAlarmBlack24 = (props: SVGProps<SVGSVGElement>) => (

src/assets/svgs/IcArrowDownBlack24.tsx

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import type { SVGProps } from 'react';
 
 const SvgIcArrowDownBlack24 = (props: SVGProps<SVGSVGElement>) => (

src/assets/svgs/IcBookmark.tsx

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import type { SVGProps } from 'react';
+
+const SvgIcBookmark = (props: SVGProps<SVGSVGElement>) => (
+  <svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} fill="none" {...props}>
+    <path
+      stroke="#565959"
+      strokeWidth={1.5}
+      d="M5.625 5.5a1.5 1.5 0 0 1 1.5-1.5h10a1.5 1.5 0 0 1 1.5 1.5v12.783a1.5 1.5 0 0 1-2.3 1.27l-3.4-2.142a1.5 1.5 0 0 0-1.6 0l-3.4 2.141a1.5 1.5 0 0 1-2.3-1.269z"
+    />
+  </svg>
+);
+export default SvgIcBookmark;

src/assets/svgs/IcChevron.tsx

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import type { SVGProps } from 'react';
+
+const SvgIcChevron = (props: SVGProps<SVGSVGElement>) => (
+  <svg xmlns="http://www.w3.org/2000/svg" width={20} height={20} fill="none" {...props}>
+    <path
+      fill="#fff"
+      fillRule="evenodd"
+      d="M18.107 14.684c.367.346 1.036.42 1.494.163.459-.256.533-.744.166-1.09l-8.777-8.29a.8.8 0 0 0-.326-.314A1.3 1.3 0 0 0 10 5a1.3 1.3 0 0 0-.664.152.8.8 0 0 0-.326.315L.233 13.756c-.367.347-.293.835.166 1.091s1.127.183 1.494-.163L10 7.027z"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgIcChevron;

src/assets/svgs/IcCommentGray24.tsx

@@ -4,10 +4,9 @@ import type { SVGProps } from 'react';
 const SvgIcCommentGray24 = (props: SVGProps<SVGSVGElement>) => (
   <svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} fill="none" {...props}>
     <path
-      fill=""
-      stroke=""
-      strokeWidth={0.5}
-      d="M6.656 5.041A1.6 1.6 0 0 0 5.53 5.5c-.299.293-.466.69-.466 1.104v7.289c0 .414.167.812.466 1.104a1.6 1.6 0 0 0 1.127.458h2.657v3.33c0 .14.162.223.28.14l4.907-3.47h3.844a1.6 1.6 0 0 0 1.127-.458c.299-.293.466-.69.466-1.104V6.603c0-.414-.167-.811-.466-1.104a1.6 1.6 0 0 0-1.127-.458zM4 6.603c0-.69.28-1.352.778-1.84A2.68 2.68 0 0 1 6.656 4h11.688c.704 0 1.38.274 1.878.762.498.489.778 1.15.778 1.841v7.289c0 .69-.28 1.353-.778 1.84a2.68 2.68 0 0 1-1.878.763h-3.5l-4.63 3.273c-.82.58-1.964.006-1.964-.986v-2.287H6.656c-.704 0-1.38-.274-1.878-.762A2.58 2.58 0 0 1 4 13.892z"
+      stroke="#565959"
+      strokeWidth={1.5}
+      d="M4 14.5V7a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v7.5a2 2 0 0 1-2 2h-3.5l-4.496 2.623a1 1 0 0 1-1.504-.864V16.5H6a2 2 0 0 1-2-2Z"
     />
   </svg>
 );

src/assets/svgs/IcInstaGray20.tsx

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import type { SVGProps } from 'react';
 
 const SvgIcInstaGray20 = (props: SVGProps<SVGSVGElement>) => (