WIP(14): Component folder structure

components/ProfileStarComments.tsx → components/ProfileStarComments/ProfileStarComments.tsx

@@ -1,8 +1,8 @@
 import React from 'react'
-import { Star as StarType } from '../graphql/index'
+import { Star as StarType } from '../../graphql/index'
 import { Star as StarIcon } from 'react-feather'
 import _ from 'lodash'
-import styles from '../scss/profileStarComments.module.scss'
+import styles from './profileStarComments.module.scss'
 
 type StarCommentsProps = {
   stars: StarType[]

components/ProfileStarComments/index.tsx

@@ -0,0 +1 @@
+export { default } from './ProfileStarComments'

components/ProfileSubmissions.tsx → components/ProfileSubmissions/ProfileSubmissions.tsx

@@ -1,8 +1,8 @@
 import React from 'react'
-import { Star as StarType } from '../graphql/index'
+import { Star as StarType } from '../../graphql/index'
 import { Star } from 'react-feather'
-import styles from '../scss/profileSubmissions.module.scss'
-import { SubmissionStatus as SubmissionStatusEnum } from '../graphql'
+import styles from './profileSubmissions.module.scss'
+import { SubmissionStatus as SubmissionStatusEnum } from '../../graphql'
 
 type ChallengeStatusProps = {
   challengesData: Challenge[]

components/ProfileSubmissions/index.tsx

@@ -0,0 +1,5 @@
+export {
+  type LessonChallenge,
+  SubmissionStatus,
+  default
+} from './ProfileSubmissions'

components/SubmissionCard.tsx → components/SubmissionCard/SubmissionCard.tsx

@@ -1,8 +1,8 @@
 import React from 'react'
-import { Button } from './theme/Button'
-import UserInfoImage from './UserInfoImage'
-import { UserInfo } from '../@types/user'
-import styles from '../scss/submissionCard.module.scss'
+import { Button } from '../theme/Button'
+import UserInfoImage from '../UserInfoImage'
+import { UserInfo } from '../../@types/user'
+import styles from './submissionCard.module.scss'
 
 type Props = {
   userId: string

components/SubmissionCard/index.tsx

@@ -0,0 +1 @@
+export { default } from './SubmissionCard'

components/UserInfoImage.tsx → components/UserInfoImage/UserInfoImage.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
-import { UserInfo } from '../@types/user'
+import { UserInfo } from '../../@types/user'
 import Image from 'next/image'
-import styles from '../scss/userInfoImage.module.scss'
+import styles from './userInfoImage.module.scss'
 type UserProps = {
   user: UserInfo
   className?: string

components/UserInfoImage/index.tsx

@@ -0,0 +1 @@
+export { DiscordAvatar, default } from './UserInfoImage'