Skip to content

feat(fe): modify plagiarism pagination#3531

Open
egg-zz wants to merge 2 commits intomainfrom
t2666-modify-plagiarism-pagination
Open

feat(fe): modify plagiarism pagination#3531
egg-zz wants to merge 2 commits intomainfrom
t2666-modify-plagiarism-pagination

Conversation

@egg-zz
Copy link
Copy Markdown
Contributor

@egg-zz egg-zz commented Apr 5, 2026

Description

image

표절 검사의 페이지네이션이 제대로 되지 않아 모달 밖까지 list가 보이는 문제를 수정합니다
stage에서도 표절 검사를 진행해보았으나 graphql에서 대기 중이 떠 일단 모달의 max-h를 늘리는 방향으로 수정했습니다.

image

표절 검사 진행을 위해 invite manually를 하던 도중 Enter directly의 위치가 input field 밖에 존재하는 것 확인했습니다. 해당 사항도 함께 수정했습니다

instructor 계정 -> management -> course -> 정우진개론 -> assignment -> PA -> plagiarism 탭 -> 문제 A

Additional context


Before submitting the PR, please make sure you do the following

closes TAS-2666

@egg-zz egg-zz requested review from sanghyeonjung and seoeun9 April 5, 2026 12:31
@egg-zz egg-zz self-assigned this Apr 5, 2026
@egg-zz egg-zz added 🌊 squad-__init__ preview 이 라벨이 붙어있어야 프론트엔드 Preview 환경이 생성됩니다 ⛳️ team-frontend labels Apr 5, 2026
@egg-zz egg-zz added this to Codedang Apr 5, 2026
@github-project-automation github-project-automation bot moved this to Pending ✋ in Codedang Apr 5, 2026
Copy link
Copy Markdown
Contributor

@gemini-code-assist gemini-code-assist bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Code Review

This pull request increases the maximum height of the plagiarism cluster dialog and refactors the manual invitation component to integrate the direct domain input field into the select trigger. Feedback highlights that nesting an input within a button-based trigger is invalid HTML and suggests improvements for accessibility and event handling, such as adding onKeyDown propagation and autoFocus. Additionally, it is recommended to add overflow-y-auto to the dialog content to prevent visual bleeding when content exceeds the maximum height.

Comment thread apps/frontend/app/admin/course/[courseId]/user/_components/InviteManually.tsx Outdated
<Dialog open={open} onOpenChange={handleOpenChange}>
<DialogContent
className="flex max-h-[85vh] max-w-4xl flex-col"
className="flex max-h-[90vh] max-w-4xl flex-col"
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

medium

Increasing the max-height helps, but to fully resolve the issue where the list is visible outside the modal (as mentioned in the PR description), it is recommended to add overflow-y-auto to the DialogContent. This ensures that if the content exceeds the maximum height, it will scroll internally instead of bleeding out.

        className="flex max-h-[90vh] max-w-4xl flex-col overflow-y-auto"

@skkuding-bot
Copy link
Copy Markdown

skkuding-bot bot commented Apr 5, 2026

Syncing Preview App Succeeded

Application: frontend
Revision: 0d233341c35ee09ef17c69809d07fc3bc656a0b0
Health Status: Healthy

Open Preview | View in Argo CD

@skkuding-bot
Copy link
Copy Markdown

skkuding-bot bot commented Apr 5, 2026

Syncing Preview App Succeeded

Application: frontend
Revision: b120cb4233d269b0ec4544d16766ce907a1b7080
Health Status: Healthy

Open Preview | View in Argo CD

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

preview 이 라벨이 붙어있어야 프론트엔드 Preview 환경이 생성됩니다 🌊 squad-__init__ ⛳️ team-frontend

Projects

Status: Pending ✋

Development

Successfully merging this pull request may close these issues.

1 participant