renolation/english
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add dbiz, add history

Browse Source
This commit is contained in:
renolation
2026-04-13 13:45:18 +07:00
parent 409706457a
commit 77a0e38fa7
8 changed files with 415 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
src/features/writing/components/WritingChecker.tsx
View File

@@ -16,6 +16,7 @@ export function WritingChecker() {
const [text, setText] = useState('')
const [improvedExpanded, setImprovedExpanded] = useState(false)
const [remaining, setRemaining] = useState(getRemainingChecks)
const [streamingText, setStreamingText] = useState('')
const { mutate: checkWriting, isPending, isError, error, data: feedback, reset: resetMutation } = useWritingCheck()
const { requireAuth } = useRequireAuth()
@@ -42,19 +43,25 @@ export function WritingChecker() {
function handleSubmit() {
if (!requireAuth()) return
if (!canSubmit) return
checkWriting(text, {
onSuccess: () => {
if (user) {
awardActivity({ xp: XP_REWARDS.writing })
countTodayWritingSubmissions(user.id).then((used) => setRemaining(AUTH_LIMIT - used))
} else {
setRemaining(getRemainingChecks())
}
setStreamingText('')
checkWriting(
{ content: text, onChunk: (chunk) => setStreamingText((prev) => prev + chunk) },
{
onSuccess: () => {
setStreamingText('')
if (user) {
awardActivity({ xp: XP_REWARDS.writing })
countTodayWritingSubmissions(user.id).then((used) => setRemaining(AUTH_LIMIT - used))
} else {
setRemaining(getRemainingChecks())
}
},
onError: () => {
setStreamingText('')
if (!user) setRemaining(getRemainingChecks())
},
},
onError: () => {
if (!user) setRemaining(getRemainingChecks())
},
})
)
}
return (
@@ -78,8 +85,9 @@ export function WritingChecker() {
value={text}
onChange={(e) => setText(e.target.value.slice(0, MAX_CHARS))}
rows={12}
dir="ltr"
placeholder="Nhập bài writing của bạn vào đây... (TOEIC email, IELTS task, hoặc đoạn văn tự do)"
className="w-full resize-none rounded-xl border border-slate-200 bg-slate-50 p-4 text-sm text-slate-800 placeholder:text-slate-400 focus:outline-none focus:border-blue-400 focus:bg-white transition-colors"
className="w-full resize-none rounded-xl border border-slate-200 bg-slate-50 p-4 text-sm text-left text-slate-800 placeholder:text-slate-400 focus:outline-none focus:border-blue-400 focus:bg-white transition-colors"
/>
<div className="mt-3 flex items-center justify-between">
<div className="flex items-center gap-1.5">
@@ -142,10 +150,21 @@ export function WritingChecker() {
)}
{isPending && (
<div className="bg-white rounded-2xl border border-slate-200 p-6 flex flex-col items-center justify-center text-center h-full min-h-48">
<div className="w-10 h-10 border-2 border-blue-100 border-t-blue-600 rounded-full animate-spin mb-4" />
<p className="text-sm text-slate-500 font-medium">AI đang phân tích bài viết...</p>
<p className="text-xs text-slate-400 mt-1">Thường mất 3–5 giây</p>
<div className="bg-slate-900 rounded-2xl border border-slate-700 p-5 min-h-48 flex flex-col">
<div className="flex items-center gap-2 mb-3 flex-shrink-0">
<div className="w-2 h-2 rounded-full bg-blue-400 animate-pulse" />
<span className="text-xs font-semibold text-slate-400 uppercase tracking-wider">AI đang phân tích...</span>
</div>
{streamingText ? (
<pre className="text-xs text-green-300 font-mono whitespace-pre-wrap leading-relaxed overflow-auto flex-1">
{streamingText}
<span className="animate-pulse">▋</span>
</pre>
) : (
<div className="flex items-center justify-center flex-1">
<div className="w-6 h-6 border-2 border-slate-700 border-t-blue-400 rounded-full animate-spin" />
</div>
)}
</div>
)}