Compare commits
1 Commits
main
...
f2fe458a46
Author | SHA1 | Date | |
---|---|---|---|
f2fe458a46
|
@@ -78,34 +78,34 @@ export default function CommentForm({ user, agent, onCommentPosted }) {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
if (!user) {
|
//if (!user) {
|
||||||
return (
|
// return (
|
||||||
<div style={{
|
// <div style={{
|
||||||
textAlign: 'center',
|
// textAlign: 'center',
|
||||||
padding: '40px',
|
// padding: '40px',
|
||||||
color: 'var(--text-secondary)'
|
// color: 'var(--text-secondary)'
|
||||||
}}>
|
// }}>
|
||||||
<p>ログインしてコメントを投稿</p>
|
// <p>atproto</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}
|
||||||
@@ -131,4 +131,4 @@ export default function CommentForm({ user, agent, onCommentPosted }) {
|
|||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
@@ -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>
|
||||||
|
|
||||||
@@ -125,4 +125,4 @@ export default function RecordTabs({ langRecords, commentRecords, userComments,
|
|||||||
|
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
Reference in New Issue
Block a user