fix html text

This commit is contained in:
2025-06-19 21:22:01 +09:00
parent a7e6fc4a1a
commit 0dbc3ba67e
2 changed files with 14 additions and 14 deletions

View File

@ -66,7 +66,7 @@ export default function CommentForm({ user, agent, onCommentPosted }) {
} }
// Show success message briefly // Show success message briefly
setText('✓ コメントが投稿されました') setText('✓ ')
setTimeout(() => { setTimeout(() => {
setText('') setText('')
}, 2000) }, 2000)
@ -85,27 +85,27 @@ export default function CommentForm({ user, agent, onCommentPosted }) {
padding: '40px', padding: '40px',
color: 'var(--text-secondary)' color: 'var(--text-secondary)'
}}> }}>
<p>ログインしてコメントを投稿</p> <p>atproto login</p>
</div> </div>
) )
} }
return ( return (
<div> <div>
<h3>コメントを投稿</h3> <h3>post</h3>
<form onSubmit={handleSubmit}> <form onSubmit={handleSubmit}>
<div className="form-group" style={{ marginBottom: '12px', padding: '8px', backgroundColor: 'var(--background-secondary)', borderRadius: '4px', fontSize: '0.9em' }}> <div className="form-group" style={{ marginBottom: '12px', padding: '8px', backgroundColor: 'var(--background-secondary)', borderRadius: '4px', fontSize: '0.9em' }}>
<strong>投稿先:</strong> {window.location.href} <strong>url:</strong> {window.location.href}
</div> </div>
<div className="form-group"> <div className="form-group">
<label htmlFor="comment-text">コメント:</label> <label htmlFor="comment-text">comment:</label>
<textarea <textarea
id="comment-text" id="comment-text"
value={text} value={text}
onChange={(e) => setText(e.target.value)} onChange={(e) => setText(e.target.value)}
placeholder="コメントを入力してください..." placeholder="text..."
rows={4} rows={4}
required required
disabled={loading} disabled={loading}
@ -115,7 +115,7 @@ export default function CommentForm({ user, agent, onCommentPosted }) {
{error && ( {error && (
<div className="error-message"> <div className="error-message">
エラー: {error} err: {error}
</div> </div>
)} )}
@ -125,7 +125,7 @@ export default function CommentForm({ user, agent, onCommentPosted }) {
disabled={loading || !text.trim()} disabled={loading || !text.trim()}
className={`btn ${loading ? 'btn-outline' : 'btn-primary'}`} className={`btn ${loading ? 'btn-outline' : 'btn-primary'}`}
> >
{loading ? '投稿中...' : 'コメントを投稿'} {loading ? 'posting...' : 'post comment'}
</button> </button>
</div> </div>
</form> </form>

View File

@ -40,25 +40,25 @@ export default function RecordTabs({ langRecords, commentRecords, userComments,
className={`tab-btn ${activeTab === 'lang' ? 'active' : ''}`} className={`tab-btn ${activeTab === 'lang' ? 'active' : ''}`}
onClick={() => setActiveTab('lang')} onClick={() => setActiveTab('lang')}
> >
Lang ({filteredLangRecords.length}) en ({filteredLangRecords.length})
</button> </button>
<button <button
className={`tab-btn ${activeTab === 'comment' ? 'active' : ''}`} className={`tab-btn ${activeTab === 'comment' ? 'active' : ''}`}
onClick={() => setActiveTab('comment')} onClick={() => setActiveTab('comment')}
> >
Comment ({filteredCommentRecords.length}) feedback ({filteredCommentRecords.length})
</button> </button>
<button <button
className={`tab-btn ${activeTab === 'collection' ? 'active' : ''}`} className={`tab-btn ${activeTab === 'collection' ? 'active' : ''}`}
onClick={() => setActiveTab('collection')} onClick={() => setActiveTab('collection')}
> >
Posts ({userChatRecords?.length || 0}) chat ({userChatRecords?.length || 0})
</button> </button>
<button <button
className={`tab-btn ${activeTab === 'users' ? 'active' : ''}`} className={`tab-btn ${activeTab === 'users' ? 'active' : ''}`}
onClick={() => setActiveTab('users')} onClick={() => setActiveTab('users')}
> >
Users ({filteredUserComments.length}) comment ({filteredUserComments.length})
</button> </button>
</div> </div>