-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #15 from TripMingle/feat/SWM-259
[refactor/SWM-259] 기존 코드 개선
- Loading branch information
Showing
21 changed files
with
299 additions
and
186 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,45 +1,29 @@ | ||
| import * as styles from '@/styles/components/common/language.css'; | ||
|
|
||
| const Korean = () => { | ||
| return ( | ||
| <div className={styles.koreanBox}> | ||
| <span className={styles.text}>한국어</span> | ||
| </div> | ||
| ); | ||
| }; | ||
|
|
||
| const English = () => { | ||
| return ( | ||
| <div className={styles.englishBox}> | ||
| <span className={styles.text}>영어</span> | ||
| </div> | ||
| ); | ||
| }; | ||
|
|
||
| const Chinese = () => { | ||
| return ( | ||
| <div className={styles.ChineseBox}> | ||
| <span className={styles.text}>중국어</span> | ||
| </div> | ||
| ); | ||
| }; | ||
|
|
||
| const Japanese = () => { | ||
| return ( | ||
| <div className={styles.JapaneseBox}> | ||
| <span className={styles.text}>일본어</span> | ||
| </div> | ||
| ); | ||
| }; | ||
|
|
||
| export const Language = ({ language }: { language: string }) => { | ||
| if (language === 'Korean') { | ||
| return <Korean />; | ||
| return ( | ||
| <div> | ||
| <span className={styles.text({ language: 'korean' })}>한국어</span> | ||
| </div> | ||
| ); | ||
| } else if (language === 'English') { | ||
| return <English />; | ||
| return ( | ||
| <div> | ||
| <span className={styles.text({ language: 'english' })}>영어</span> | ||
| </div> | ||
| ); | ||
| } else if (language === 'Chinese') { | ||
| return <Chinese />; | ||
| return ( | ||
| <div> | ||
| <span className={styles.text({ language: 'chinese' })}>중국어</span> | ||
| </div> | ||
| ); | ||
| } else { | ||
| return <Japanese />; | ||
| return ( | ||
| <div> | ||
| <span className={styles.text({ language: 'japanese' })}>일본어</span> | ||
| </div> | ||
| ); | ||
| } | ||
| }; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,40 @@ | ||
| import * as styles from '@/styles/components/common/board-card.css'; | ||
| import { boardContainer } from '@/styles/country/page.css'; | ||
|
|
||
| const BoardPreviewSkeleton = () => { | ||
| return ( | ||
| <div className={boardContainer}> | ||
| {[...Array(4)].map((_, index) => ( | ||
| <div className={styles.containerSkeleton}> | ||
| <div className={`${styles.imageBox}`}> | ||
| <div className={`${styles.image} ${styles.skeleton}`}></div> | ||
| </div> | ||
| <div className={`${styles.contentContainer}`}> | ||
| <div | ||
| className={`${styles.languageSkeleton} ${styles.skeleton}`} | ||
| ></div> | ||
| <span className={`${styles.title} ${styles.skeleton}`}></span> | ||
| <div className={`${styles.infoContainer} ${styles.skeleton}`}> | ||
| - | ||
| </div> | ||
| <div className={`${styles.infoContainer} ${styles.skeleton}`}> | ||
| - | ||
| </div> | ||
| <div className={`${styles.profileContainer}`}> | ||
| <div | ||
| className={`${styles.profileSkeleton} ${styles.skeleton}`} | ||
| ></div> | ||
| <span | ||
| className={`${styles.profileInfoSkeleton} ${styles.skeleton}`} | ||
| > | ||
| f | ||
| </span> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| ))} | ||
| </div> | ||
| ); | ||
| }; | ||
|
|
||
| export default BoardPreviewSkeleton; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.