refactor(app): remove files from app/learn for files in app/quiz

Author: ourai

src/app/bounties/page.js

@@ -18,7 +18,8 @@ import { Suspense } from 'react';
 
 import { Filter } from '@/components/Filter';
 
-import { StartOnOpenBuild } from '../learn/StartOnOpenBuild';
+import StartOnOpenBuild from '#/entry/components/StartOnOpenBuild';
+
 import { Title } from '../learn/Title';
 import { Container } from './Container';
 import { BountyFilter } from './Filter';

src/app/home/Main.js

@@ -23,7 +23,8 @@ import HomeTopBg from 'public/images/home-top-bg.png';
 import { useEffect } from 'react';
 import Typed from 'react-typed';
 
-import { StartOnOpenBuild } from '../learn/StartOnOpenBuild';
+import StartOnOpenBuild from '#/entry/components/StartOnOpenBuild';
+
 import { BuilderWay } from './BuilderWay';
 import { BuildWith } from './BuildWith';
 import { Contributor } from './Contributor';

src/app/layout.js

@@ -31,7 +31,6 @@ import { getAppConfig } from '@/utils/app';
 import { nunito_sans } from '#/lib/font';
 import { siteConfig } from '#/lib/site';
 import { getConfigs } from '#/services/common';
-// import { StartOnOpenBuild } from '@/components/StartOnOpenBuild'
 
 import ClientEntry from '../entry';
 import DefaultLayout from '../entry/layouts/default';

src/app/learn/[type]/CourseCard.js

@@ -18,21 +18,21 @@
 
 import clsx from 'clsx';
 
-import ChallengeListView from '#/domain/challenge/views/challenge-list';
-import CourseListView from '#/domain/course/views/course-list';
-import RoadmapListView from '#/domain/roadmap/views/roadmap-list';
+import { ChallengeListViewWidget } from '#/domain/challenge';
+import { CourseListViewWidget } from '#/domain/course';
+import { RoadmapListViewWidget } from '#/domain/roadmap';
 import { useOpenFilter } from '#/state/application/hooks';
 
 const viewMap = {
   courses: {
-    widget: CourseListView,
+    widget: CourseListViewWidget,
     className: 'mb-9 mt-6 gap-5 md:grid-cols-3',
   },
   challenges: {
-    widget: ChallengeListView,
+    widget: ChallengeListViewWidget,
   },
   career_path: {
-    widget: RoadmapListView,
+    widget: RoadmapListViewWidget,
   },
 };
 

src/app/learn/[type]/List.js

@@ -18,7 +18,7 @@
 
 import { Share } from '@/components/Share';
 
-import RoadmapDetailView from '#/domain/roadmap/views/roadmap-detail';
+import { RoadmapDetailViewWidget } from '#/domain/roadmap';
 
 import { growPathEnrollAction } from './actions';
 import { Back } from './Back';
@@ -32,7 +32,7 @@ function GrowPath({ params, data, permission }) {
   );
 
   return (
-    <RoadmapDetailView id={params.id} data={data} permission={permission} headerExtra={headerExtra} executeEnroll={growPathEnrollAction} />
+    <RoadmapDetailViewWidget id={params.id} data={data} permission={permission} headerExtra={headerExtra} executeEnroll={growPathEnrollAction} />
   );
 }
 

src/app/learn/[type]/[id]/GrowPath.js

@@ -18,8 +18,9 @@ import { Suspense } from 'react';
 
 import { Filter } from '@/components/Filter';
 
+import StartOnOpenBuild from '#/entry/components/StartOnOpenBuild';
+
 import { ChallengesFilter } from '../ChallengesFilter';
-import { StartOnOpenBuild } from '../StartOnOpenBuild';
 import { Title } from '../Title';
 import { Container } from './Container';
 import { ListSkeleton } from './ListSkeleton';

src/app/learn/[type]/page.js

@@ -29,10 +29,10 @@ import { HistoryIcon } from '@/components/Icons';
 import { OViewer } from '@/components/MarkDown';
 import { fetcher } from '@/utils/request';
 
+import { CourseListViewWidget } from '#/domain/course';
 import QuizLimiterWidget from '#/domain/quiz/widgets/quiz-limiter';
 import { useMediaUrl } from '#/state/application/hooks';
 
-import { CourseCard } from '../../learn/[type]/CourseCard';
 import RankList from './RankList';
 import { RankListModal } from './RankListModal';
 import { Record } from './Record';
@@ -101,9 +101,7 @@ export default function Quiz({params}) {
         coursesList?.count > 0 && (
           <div className="max-w-[800px] max-md:mt-9 mx-6 md:mx-auto relative md:top-[-105px] max-md:pb-14">
             <h3 className="text-[18px] max-md:leading-[24px] md:text-lg mb-6">Related courses</h3>
-            <div className="grid gap-y-6 md:gap-4 md:grid-cols-2">
-              {coursesList?.list?.map(i => <CourseCard data={i} key={`open-courses-${i.base.course_series_id}`} />)}
-            </div>
+            <CourseListViewWidget className="gap-y-6 md:gap-4 md:grid-cols-2" data={coursesList?.list} />
           </div>)
       }
       <RankListModal quizId={params.id} shown={openRankList} onClose={() => setOpenRankList(false)}  rank={data?.my_rank}/>

src/app/quiz/[id]/page.js

@@ -26,7 +26,8 @@ import { useEffect,useState } from 'react';
 
 import { ArrowRightIcon } from '@/components/Icons';
 
-import { StartOnOpenBuild } from '../learn/StartOnOpenBuild';
+import StartOnOpenBuild from '#/entry/components/StartOnOpenBuild';
+
 import { QuizList } from './List';
 
 const Steps = [

src/app/quiz/page.js

@@ -14,24 +14,4 @@
  * limitations under the License.
  */
 
-'use client';
-
-import { ArrowRightIcon } from '@/components/Icons';
-import { ProgressBar } from '@/components/ProgressBar';
-
-export function CardProgress({ value }) {
-  return (
-    <div className="flex items-center justify-between p-6">
-      <div>
-        <h6 className="mb-3 text-sm font-bold">
-          Progress
-          <span className="ml-2 font-normal">{value}%</span>
-        </h6>
-        <div className="min-w-[160px]">
-          <ProgressBar progress={value} />
-        </div>
-      </div>
-      <ArrowRightIcon className="h-3 w-[18px]" />
-    </div>
-  );
-}
+export { default as ChallengeListViewWidget } from './views/challenge-list';

src/app/learn/CardProgress.js src/domain/challenge/index.js

@@ -16,3 +16,5 @@
 
 export { default as BuilderListWidget } from './widgets/builder-list';
 export { default as CardTitleWidget } from './widgets/card-title';
+
+export { default as CourseListViewWidget } from './views/course-list';

src/domain/course/index.js

@@ -0,0 +1,18 @@
+/**
+ * Copyright 2024 OpenBuild
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export { default as RoadmapListViewWidget } from './views/roadmap-list';
+export { default as RoadmapDetailViewWidget } from './views/roadmap-detail';

src/domain/roadmap/index.js

@@ -26,7 +26,7 @@ import { CheckCircleIcon } from '@/components/icon/solid';
 
 import { useMediaUrl } from '#/state/application/hooks';
 
-import CourseListView from '../../../course/views/course-list';
+import { CourseListViewWidget } from '../../../course';
 
 function StepList({ data, permission, roadmapId, executeEnroll }) {
   const mediaUrl = useMediaUrl();
@@ -81,7 +81,7 @@ function StepList({ data, permission, roadmapId, executeEnroll }) {
           <p className="max-w-[672px] mt-2">{i.info}</p>
           {
             i.step === 1 && i.extra_data?.length > 0 && (
-              <CourseListView className="mt-6 gap-4 grid-cols-3" data={i.extra_data} source={`from=career_path&fromid=${roadmapId}`} />
+              <CourseListViewWidget className="mt-6 gap-4 grid-cols-3" data={i.extra_data} source={`from=career_path&fromid=${roadmapId}`} />
             )
           }
           {i.img !== '' && <div className="mt-4">

src/domain/roadmap/views/roadmap-detail/StepList.js

@@ -23,7 +23,7 @@ import TaskPic from 'public/images/svg/task.svg';
 
 import { Button } from '@/components/Button';
 
-export function StartOnOpenBuild() {
+function StartOnOpenBuild() {
   const { status } = useSession();
   return (
     <div className="md:flex justify-between bg-green max-md:pt-4 md:py-[30px] px-11 relative">
@@ -59,3 +59,5 @@ export function StartOnOpenBuild() {
     </div>
   );
 }
+
+export default StartOnOpenBuild;