info/developer-roadmap
1
0
Fork 0
mirror of https://github.com/kamranahmedse/developer-roadmap.git synced 2025-09-03 14:22:41 +02:00
Code Issues Releases Wiki Activity

Implement guides functionality

Browse Source
This commit is contained in:
Kamran Ahmed
2025-06-19 02:17:01 +01:00
parent 97be459fc4
commit d94fb3bd43
3 changed files with 23 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/components/AITutor/AIExploreCourseListing.tsx
View File

@@ -88,10 +88,26 @@ export function AIExploreCourseListing() {
{!isAnyLoading && (
<>
<p className="mb-4 text-sm text-gray-500">
Community has generated{' '}
{humanizeNumber(exploreAiCourses?.totalCount || 0)} courses
</p>
<div className="mb-4 flex items-center justify-between">
<p className="text-sm text-gray-500">
Community has generated{' '}
{humanizeNumber(exploreAiCourses?.totalCount || 0)} courses
</p>
<div className="hidden lg:block">
<Pagination
variant="minimal"
totalCount={exploreAiCourses?.totalCount || 0}
totalPages={exploreAiCourses?.totalPages || 0}
currPage={Number(exploreAiCourses?.currPage || 1)}
perPage={Number(exploreAiCourses?.perPage || 21)}
onPageChange={(page) => {
setPageState({ ...pageState, currPage: String(page) });
}}
className=""
/>
</div>
</div>
{courses && courses.length > 0 && (
<div className="flex flex-col gap-2">

2
src/components/ContentGenerator/FormatItem.tsx
View File

@@ -17,7 +17,7 @@ export function FormatItem(props: FormatItemProps) {
className={cn(
'flex w-full flex-col items-center justify-center gap-2.5 rounded-xl border border-gray-200 p-2 py-8',
isSelected
? 'border-gray-700 font-medium bg-white'
? 'border-gray-400 font-medium bg-white'
: 'bg-white text-gray-400 hover:bg-white hover:border-gray-300',
)}
onClick={onClick}

4
src/components/Pagination/Pagination.tsx
View File

@@ -51,7 +51,7 @@ export function Pagination(props: PaginationProps) {
onPageChange(currPage - 1);
}}
disabled={currPage === 1 || isDisabled}
className="rounded-md border px-2 py-1 hover:bg-gray-100 disabled:cursor-not-allowed disabled:opacity-40"
className="rounded-md bg-white border px-2 py-1 hover:bg-gray-100 disabled:cursor-not-allowed disabled:opacity-40"
>
&larr;
</button>
@@ -91,7 +91,7 @@ export function Pagination(props: PaginationProps) {
)}
<button
disabled={currPage === totalPages || isDisabled}
className="rounded-md border px-2 py-1 hover:bg-gray-100 disabled:cursor-not-allowed disabled:opacity-40"
className="rounded-md bg-white border px-2 py-1 hover:bg-gray-100 disabled:cursor-not-allowed disabled:opacity-40"
onClick={() => {
onPageChange(currPage + 1);
}}