Feat(#38): Text 컴포넌트 분리

What-s-Your-Plan · Nov 30, 2024 · 1263175 · 1263175
1 parent 4333ce2
commit 1263175
Show file tree

Hide file tree

Showing 9 changed files with 11 additions and 12 deletions.
diff --git a/src/components/Common/Text.tsx → src/components/Common/Text/Text.tsx b/src/components/Common/Text.tsx → src/components/Common/Text/Text.tsx
@@ -4,10 +4,10 @@ type TextProps = {
 
 function Text({ content }: TextProps) {
   return (
-    <div className="w-full">
+    <div css={{ width: '100%' }}>
       {content.split('\n').map((line, index) => {
         return (
-          <span key={index} className="break-all w-full">
+          <span key={index} css={{ width: '100%', wordBreak: 'break-all' }}>
             {line}
             <br />
           </span>

diff --git a/src/components/review/thumbnail/T4F.tsx b/src/components/review/thumbnail/T4F.tsx
@@ -1,4 +1,4 @@
-import Text             from '@/components/Common/Text';
+import Text from '@/components/Common/Text/Text';
 import { FourFContent } from '@/objects/ReviewContent.ts';
 
 type T4FProps = {

diff --git a/src/components/review/thumbnail/TEmotion.tsx b/src/components/review/thumbnail/TEmotion.tsx
@@ -1,4 +1,3 @@
-
 import Bad from '@/assets/icons/emoji/bad.svg';
 import Congrats from '@/assets/icons/emoji/congrats.svg';
 import Cry from '@/assets/icons/emoji/cry.svg';
@@ -10,7 +9,7 @@ import Sick from '@/assets/icons/emoji/sick.svg';
 import Smile from '@/assets/icons/emoji/smile.svg';
 import Stareyes from '@/assets/icons/emoji/stareyes.svg';
 import Tired from '@/assets/icons/emoji/tired.svg';
-import Smiley             from '@/assets/icons/smiley.svg';
+import Smiley from '@/assets/icons/smiley.svg';
 import { EmotionContent } from '@/objects/ReviewContent.ts';
 
 type TEmotionProps = {

diff --git a/src/components/review/thumbnail/TKpt.tsx b/src/components/review/thumbnail/TKpt.tsx
@@ -1,4 +1,4 @@
-import Text           from '@/components/Common/Text';
+import Text from '@/components/Common/Text/Text';
 import { KPTContent } from '@/objects/ReviewContent.ts';
 
 type TKptProps = {

diff --git a/src/components/review/thumbnail/TText.tsx b/src/components/review/thumbnail/TText.tsx
@@ -1,4 +1,4 @@
-import Text            from '@/components/Common/Text';
+import Text from '@/components/Common/Text/Text';
 import { TextContent } from '@/objects/ReviewContent.ts';
 
 type TTextProps = {

diff --git a/src/components/review/thumbnail/TWeather.tsx b/src/components/review/thumbnail/TWeather.tsx
@@ -4,7 +4,7 @@ import Cloud from '@/assets/icons/weather/cloud.svg';
 import CloudAngledRain from '@/assets/icons/weather/cloudAngledRain.svg';
 import CloudSnow from '@/assets/icons/weather/cloudSnow.svg';
 import FastWind from '@/assets/icons/weather/fastWinds.svg';
-import Sun                from '@/assets/icons/weather/sun.svg';
+import Sun from '@/assets/icons/weather/sun.svg';
 import { WeatherContent } from '@/objects/ReviewContent.ts';
 
 type TWeatherProps = {

diff --git a/src/components/review/view/V4F.tsx b/src/components/review/view/V4F.tsx
@@ -1,6 +1,6 @@
 import { WhiteContainer } from '@/components/Common/Container';
 import Divider from '@/components/Common/Divider/Divider';
-import Text from '@/components/Common/Text';
+import Text from '@/components/Common/Text/Text';
 import { FourFContent } from '@/objects/ReviewContent.ts';
 
 type V4FProps = {

diff --git a/src/components/review/view/VKpt.tsx b/src/components/review/view/VKpt.tsx
@@ -1,6 +1,6 @@
 import { WhiteContainer } from '@/components/Common/Container';
 import Divider from '@/components/Common/Divider/Divider';
-import Text from '@/components/Common/Text';
+import Text from '@/components/Common/Text/Text';
 import { KPTContent } from '@/objects/ReviewContent.ts';
 
 type VKptProps = {

diff --git a/src/components/review/view/VText.tsx b/src/components/review/view/VText.tsx
@@ -1,6 +1,6 @@
 import { WhiteContainer } from '@/components/Common/Container';
-import Text               from '@/components/Common/Text';
-import { TextContent }    from '@/objects/ReviewContent.ts';
+import Text from '@/components/Common/Text/Text';
+import { TextContent } from '@/objects/ReviewContent.ts';
 
 type VTextProps = {
   content: TextContent;