WIP(5): Component folder structure

components/CopyButton.tsx → components/CopyButton/CopyButton.tsx

@@ -1,8 +1,8 @@
 import React, { useState } from 'react'
-import { Button } from './theme/Button'
+import { Button } from '../theme/Button'
 import { AlertIcon, CheckIcon, CopyIcon } from '@primer/octicons-react'
 import * as Sentry from '@sentry/react'
-import { ColorTypes } from './theme/colors'
+import { ColorTypes } from '../theme/colors'
 
 enum State {
   NotCopied,

components/CopyButton/index.tsx

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

components/DiscordBar.tsx → components/DiscordBar/DiscordBar.tsx

@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from 'react'
-import styles from '../scss/discordBar.module.scss'
+import styles from './discordBar.module.scss'
 type Member = {
   id: string
   username: string

components/DiscordBar/index.tsx

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

components/DropdownMenu.tsx → components/DropdownMenu/DropdownMenu.tsx

@@ -1,6 +1,6 @@
 import React, { useState } from 'react'
 import Dropdown from 'react-bootstrap/Dropdown'
-import styles from '../scss/dropDown.module.scss'
+import styles from './dropdownMenu.module.scss'
 import { DropDirection } from 'react-bootstrap/esm/DropdownContext'
 import { ChevronRightIcon } from '@primer/octicons-react'
 

scss/dropDown.module.scss → components/DropdownMenu/dropdownMenu.module.scss

@@ -1,6 +1,6 @@
 @use 'sass:color';
-@use '_variables.module.scss';
-@import 'colors.module.scss';
+@use '../../scss/variables.module.scss';
+@import '../../scss/colors.module.scss';
 
 .dropdown {
   display: flex;

components/DropdownMenu/index.tsx

@@ -0,0 +1 @@
+export { type Item, DropdownMenu } from './DropdownMenu'