fix html text
This commit is contained in:
@ -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>
|
||||||
|
@ -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>
|
||||||
|
|
||||||
|
Reference in New Issue
Block a user