@@ -16,10 +16,12 @@ import { interval, Subject } from 'rxjs';
1616import Link from 'next/link' ;
1717import ShowMDX from '@/components/admin/ShowMDX' ;
1818import PostHistories from '@/components/admin/PostHistories' ;
19- import CourseSections from '@/components/admin/CourseSections' ;
2019import EditPostEditor from '@/components/admin/EditPostEditor' ;
2120import EditPostSidebar from '@/components/admin/EditPostSidebar' ;
2221import EditPostMedia from '@/components/admin/EditPostMedia' ;
22+ import EditPostCourseSections from '@/components/admin/EditPostCourseSections' ;
23+ import EditPostCourseSettings from '@/components/admin/EditPostCourseSettings' ;
24+ import EditPostCourseGroups from '@/components/admin/EditPostCourseGroups' ;
2325
2426export default function EditPost ( {
2527 type,
@@ -111,8 +113,6 @@ export default function EditPost({
111113 ) ;
112114 case TabType . media :
113115 return < EditPostMedia history = { history } setHistory = { setHistory } /> ;
114- case TabType . sections :
115- return < CourseSections historyInput = { history as Post } /> ;
116116 case TabType . preview :
117117 return (
118118 < div
@@ -123,6 +123,12 @@ export default function EditPost({
123123 </ article >
124124 </ div >
125125 ) ;
126+ case TabType . sections :
127+ return < EditPostCourseSections historyInput = { history as Post } /> ;
128+ case TabType . settings :
129+ return < EditPostCourseSettings historyInput = { history as Post } /> ;
130+ case TabType . groups :
131+ return < EditPostCourseGroups historyInput = { history as Post } /> ;
126132 case TabType . history :
127133 return < PostHistories postHistories = { postHistories } /> ;
128134 default :
@@ -136,7 +142,7 @@ export default function EditPost({
136142 < div className = "w-full max-w-8xl" >
137143 < nav className = "flex justify-between w-full h-12 overflow-x-auto bg-secondary-500 dark:bg-secondary-600" >
138144 < button
139- className = { `block px-4 2xl:px-20 font-medium hover:text-primary-900 text-basics-50 dark:text-basics-50 focus:outline-none ${
145+ className = { `block px-4 2xl:px-12 font-medium hover:text-primary-900 text-basics-50 dark:text-basics-50 focus:outline-none ${
140146 tab == TabType . edit
141147 ? 'border-b-4 border-primary-900 dark:border-primary-900'
142148 : 'border-b-4 border-secondary-500 dark:border-secondary-500'
@@ -146,7 +152,7 @@ export default function EditPost({
146152 EDIT
147153 </ button >
148154 < button
149- className = { `block px-4 2xl:px-20 font-medium hover:text-primary-900 text-basics-50 dark:text-basics-50 focus:outline-none ${
155+ className = { `block px-4 2xl:px-12 font-medium hover:text-primary-900 text-basics-50 dark:text-basics-50 focus:outline-none ${
150156 tab == TabType . media
151157 ? 'border-b-4 border-primary-900 dark:border-primary-900'
152158 : 'border-b-4 border-secondary-500 dark:border-secondary-500'
@@ -156,7 +162,7 @@ export default function EditPost({
156162 MEDIA
157163 </ button >
158164 < button
159- className = { `block px-4 2xl:px-20 font-medium hover:text-primary-900 text-basics-50 dark:text-basics-50 focus:outline-none ${
165+ className = { `block px-4 2xl:px-12 font-medium hover:text-primary-900 text-basics-50 dark:text-basics-50 focus:outline-none ${
160166 tab == TabType . preview
161167 ? 'border-b-4 border-primary-900 dark:border-primary-900'
162168 : 'border-b-4 border-secondary-500 dark:border-secondary-500'
@@ -166,7 +172,7 @@ export default function EditPost({
166172 MDX PREVIEW
167173 </ button >
168174 < button
169- className = { `block px-4 2xl:px-20 font-medium hover:text-primary-900 text-basics-50 dark:text-basics-50 focus:outline-none ${
175+ className = { `block px-4 2xl:px-12 font-medium hover:text-primary-900 text-basics-50 dark:text-basics-50 focus:outline-none ${
170176 tab == TabType . sections
171177 ? 'border-b-4 border-primary-900 dark:border-primary-900'
172178 : 'border-b-4 border-secondary-500 dark:border-secondary-500'
@@ -176,7 +182,27 @@ export default function EditPost({
176182 SECTIONS
177183 </ button >
178184 < button
179- className = { `block px-4 2xl:px-20 font-medium hover:text-primary-900 text-basics-50 dark:text-basics-50 focus:outline-none ${
185+ className = { `block px-4 2xl:px-12 font-medium hover:text-primary-900 text-basics-50 dark:text-basics-50 focus:outline-none ${
186+ tab == TabType . settings
187+ ? 'border-b-4 border-primary-900 dark:border-primary-900'
188+ : 'border-b-4 border-secondary-500 dark:border-secondary-500'
189+ } ${ history . type == PostType . course ? 'block' : 'hidden' } `}
190+ onClick = { ( ) => selectTab ( TabType . settings ) }
191+ >
192+ SETTINGS
193+ </ button >
194+ < button
195+ className = { `block px-4 2xl:px-12 font-medium hover:text-primary-900 text-basics-50 dark:text-basics-50 focus:outline-none ${
196+ tab == TabType . groups
197+ ? 'border-b-4 border-primary-900 dark:border-primary-900'
198+ : 'border-b-4 border-secondary-500 dark:border-secondary-500'
199+ } ${ history . type == PostType . course ? 'block' : 'hidden' } `}
200+ onClick = { ( ) => selectTab ( TabType . groups ) }
201+ >
202+ GROUPS
203+ </ button >
204+ < button
205+ className = { `block px-4 2xl:px-12 font-medium hover:text-primary-900 text-basics-50 dark:text-basics-50 focus:outline-none ${
180206 tab == TabType . history
181207 ? 'border-b-4 border-primary-900 dark:border-primary-900'
182208 : 'border-b-4 border-secondary-500 dark:border-secondary-500'
0 commit comments