fix:모집중인 스터디 상태로 변경

src/components/filtering/study-filter.tsx

@@ -15,7 +15,7 @@ export interface StudyFilterValues {
   type: string[];
   targetRoles: string[];
   method: string[];
-  inProgress: boolean;
+  recruiting: boolean;
 }
 
 interface StudyFilterProps {
@@ -155,9 +155,9 @@ export default function StudyFilter({ values, onChange }: StudyFilterProps) {
     [values, onChange],
   );
 
-  const handleInProgressChange = useCallback(
+  const handleRecruitingChange = useCallback(
     (pressed: boolean) => {
-      onChange({ ...values, inProgress: pressed });
+      onChange({ ...values, recruiting: pressed });
     },
     [values, onChange],
   );
@@ -167,15 +167,15 @@ export default function StudyFilter({ values, onChange }: StudyFilterProps) {
       type: [],
       targetRoles: [],
       method: [],
-      inProgress: false,
+      recruiting: false,
     });
   }, [onChange]);
 
   const hasAnyFilter =
     values.type.length > 0 ||
     values.targetRoles.length > 0 ||
     values.method.length > 0 ||
-    values.inProgress;
+    values.recruiting;
 
   return (
     <div className="flex items-center gap-100">
@@ -203,11 +203,11 @@ export default function StudyFilter({ values, onChange }: StudyFilterProps) {
       <ToggleButton
         size="md"
         variant="round"
-        color="gray"
-        pressed={values.inProgress}
-        onPressedChange={handleInProgressChange}
+        color="primary"
+        pressed={values.recruiting}
+        onPressedChange={handleRecruitingChange}
       >
-        진행 중만 보기
+        모집 중만 보기
       </ToggleButton>
 
       {hasAnyFilter && (

src/components/pages/group-study-list-page.tsx

@@ -37,9 +37,9 @@ export default function GroupStudyListPage() {
     const targetRoles =
       searchParams.get('targetRoles')?.split(',').filter(Boolean) ?? [];
     const method = searchParams.get('method')?.split(',').filter(Boolean) ?? [];
-    const inProgress = searchParams.get('inProgress') === 'true';
+    const recruiting = searchParams.get('recruiting') === 'true';
 
-    return { type, targetRoles, method, inProgress };
+    return { type, targetRoles, method, recruiting };
   }, [searchParams]);
 
   const currentPage = Number(searchParams.get('page')) || 1;
@@ -61,7 +61,7 @@ export default function GroupStudyListPage() {
       filterValues.method.length > 0
         ? (filterValues.method as GetGroupStudiesMethodEnum[])
         : undefined,
-    inProgress: filterValues.inProgress || undefined,
+    recruiting: filterValues.recruiting || undefined,
   });
 
   const allStudies = useMemo(() => data?.content ?? [], [data?.content]);
@@ -100,7 +100,7 @@ export default function GroupStudyListPage() {
             ? values.targetRoles.join(',')
             : undefined,
         method: values.method.length > 0 ? values.method.join(',') : undefined,
-        inProgress: values.inProgress ? 'true' : undefined,
+        recruiting: values.recruiting ? 'true' : undefined,
       });
     },
     [updateSearchParams],

src/components/pages/premium-study-list-page.tsx

@@ -37,9 +37,9 @@ export default function PremiumStudyListPage() {
     const targetRoles =
       searchParams.get('targetRoles')?.split(',').filter(Boolean) ?? [];
     const method = searchParams.get('method')?.split(',').filter(Boolean) ?? [];
-    const inProgress = searchParams.get('inProgress') === 'true';
+    const recruiting = searchParams.get('recruiting') === 'true';
 
-    return { type, targetRoles, method, inProgress };
+    return { type, targetRoles, method, recruiting };
   }, [searchParams]);
 
   const currentPage = Number(searchParams.get('page')) || 1;
@@ -61,7 +61,7 @@ export default function PremiumStudyListPage() {
       filterValues.method.length > 0
         ? (filterValues.method as GetGroupStudiesMethodEnum[])
         : undefined,
-    inProgress: filterValues.inProgress || undefined,
+    recruiting: filterValues.recruiting || undefined,
   });
 
   const allStudies = useMemo(() => data?.content ?? [], [data?.content]);
@@ -100,7 +100,7 @@ export default function PremiumStudyListPage() {
             ? values.targetRoles.join(',')
             : undefined,
         method: values.method.length > 0 ? values.method.join(',') : undefined,
-        inProgress: values.inProgress ? 'true' : undefined,
+        recruiting: values.recruiting ? 'true' : undefined,
       });
     },
     [updateSearchParams],

src/components/ui/toggle/button.tsx

@@ -13,8 +13,8 @@ export const toggleButtonVariants = cva(
     variants: {
       color: {
         primary: [
-          'data-[state=on]:bg-fill-brand-default-default',
-          'data-[state=on]:text-text-inverse',
+          'data-[state=on]:bg-fill-brand-subtle-default',
+          'data-[state=on]:text-text-brand',
           'data-[state=on]:border-border-brand',
         ],
         gray: [

src/hooks/queries/study-query.ts

@@ -17,7 +17,7 @@ interface GetStudiesParams {
   type?: GetGroupStudiesTypeEnum[];
   targetRoles?: GetGroupStudiesTargetRolesEnum[];
   method?: GetGroupStudiesMethodEnum[];
-  inProgress?: boolean;
+  recruiting?: boolean;
 }
 
 export const useGetStudies = ({
@@ -27,7 +27,7 @@ export const useGetStudies = ({
   type,
   targetRoles,
   method,
-  inProgress,
+  recruiting,
 }: GetStudiesParams) => {
   return useQuery({
     queryKey: [
@@ -38,7 +38,7 @@ export const useGetStudies = ({
       type,
       targetRoles,
       method,
-      inProgress,
+      recruiting,
     ],
     queryFn: async () => {
       const { data } = await groupStudyManagementApi.getGroupStudies(
@@ -48,7 +48,7 @@ export const useGetStudies = ({
         type,
         targetRoles,
         method,
-        inProgress,
+        recruiting,
       );
 
       return data.content;