Merge pull request #44 from depromeet/refactor/28/convention-leeminhe…

…e119

컨벤션 반영

src/app/test/Staging.tsx

@@ -2,11 +2,9 @@ import { useEffect } from "react";
 
 import Button from "@/component/Button/Button.tsx";
 import { ButtonProvider } from "@/component/Button/ButtonProvider.tsx";
-import CheckBox from "@/component/common/CheckBox/CheckBox";
-import CheckBoxGroup from "@/component/common/CheckBox/CheckBoxGroup";
-import { Input, InputLabelContainer, Label } from "@/component/common/Input";
-import Radio from "@/component/common/RadioButton/Radio";
-import RadioButtonGroup from "@/component/common/RadioButton/RadioButtonGroup";
+import { CheckBox, CheckBoxGroup } from "@/component/common/checkBox";
+import { Input, InputLabelContainer, Label } from "@/component/common/input";
+import { Radio, RadioButtonGroup } from "@/component/common/radioButton";
 import { useCheckBox } from "@/hooks/useCheckBox";
 import { useInput } from "@/hooks/useInput";
 import { useRadioButton } from "@/hooks/useRadioButton";

src/component/common/CheckBox/CheckBox.tsx → src/component/common/checkBox/CheckBox.tsx

@@ -10,7 +10,7 @@ type CheckBoxProps = {
   children: React.ReactNode;
 };
 
-const CheckBox = ({ value, children }: CheckBoxProps) => {
+export function CheckBox({ value, children }: CheckBoxProps) {
   const checkboxContext = useContext(CheckBoxContext);
   return (
     <ListItemCard variant={checkboxContext?.isChecked(value) ? "theme" : "default"}>
@@ -41,6 +41,4 @@ const CheckBox = ({ value, children }: CheckBoxProps) => {
       />
     </ListItemCard>
   );
-};
-
-export default CheckBox;
+}

src/component/common/CheckBox/CheckBoxGroup.tsx → src/component/common/checkBox/CheckBoxGroup.tsx

@@ -12,7 +12,7 @@ type CheckBoxGroupProps = {
   children: React.ReactNode;
 } & CheckBoxContextState;
 
-const CheckBoxGroup = ({ children, ...props }: CheckBoxGroupProps) => {
+export function CheckBoxGroup({ children, ...props }: CheckBoxGroupProps) {
   return (
     <div
       css={css`
@@ -24,6 +24,4 @@ const CheckBoxGroup = ({ children, ...props }: CheckBoxGroupProps) => {
       <CheckBoxContext.Provider value={props}>{children}</CheckBoxContext.Provider>
     </div>
   );
-};
-
-export default CheckBoxGroup;
+}

src/component/common/checkBox/index.ts

@@ -0,0 +1,2 @@
+export { CheckBox } from "./CheckBox";
+export { CheckBoxGroup } from "./CheckBoxGroup";

src/component/common/RadioButton/Radio.tsx → src/component/common/radioButton/Radio.tsx

@@ -10,7 +10,7 @@ type RadioProps = {
   children: React.ReactNode;
 };
 
-const Radio = ({ value, children }: RadioProps) => {
+export function Radio({ value, children }: RadioProps) {
   const radioContext = useContext(RadioContext);
   return (
     <ListItemCard variant={radioContext?.isChecked(value) ? "theme" : "default"}>
@@ -42,6 +42,4 @@ const Radio = ({ value, children }: RadioProps) => {
       />
     </ListItemCard>
   );
-};
-
-export default Radio;
+}

src/component/common/RadioButton/RadioButtonGroup.tsx → src/component/common/radioButton/RadioButtonGroup.tsx

@@ -13,7 +13,7 @@ type RadioButtonGroupProps = {
   children: React.ReactNode;
 } & RadioContextState;
 
-const RadioButtonGroup = ({ children, ...props }: RadioButtonGroupProps) => {
+export function RadioButtonGroup({ children, ...props }: RadioButtonGroupProps) {
   return (
     <div
       css={css`
@@ -25,6 +25,4 @@ const RadioButtonGroup = ({ children, ...props }: RadioButtonGroupProps) => {
       <RadioContext.Provider value={props}>{children}</RadioContext.Provider>
     </div>
   );
-};
-
-export default RadioButtonGroup;
+}

src/component/common/radioButton/index.ts

@@ -0,0 +1,2 @@
+export { Radio } from "./Radio";
+export { RadioButtonGroup } from "./RadioButtonGroup";