etkr4k/bedolaga-cabinet
1
0
Fork 0
mirror of https://github.com/chillpadclub/bedolaga-cabinet.git synced 2026-07-28 09:33:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: add channel edit in admin, hide subscribed channels in blocking screen

Browse Source 
- Admin panel: added Edit button on channel cards with inline edit form
  (title, link, sort order) using existing PATCH API
- Subscription screen: filter out already-subscribed channels so users
  only see what they still need to subscribe to
- Updated channelIdHint to remove @username reference (numeric only)
- Added i18n keys: edit, editing, form.save (en/ru/fa/zh)
This commit is contained in:
Fringg
2026-02-24 03:12:12 +03:00
parent a767fe96d3
commit 5a55892145
6 changed files with 261 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
src/components/blocking/ChannelSubscriptionScreen.tsx
View File

@@ -43,7 +43,8 @@ export default function ChannelSubscriptionScreen() {
return () => clearInterval(timer);
}, [cooldown]);
const channels = channelInfo?.channels ?? [];
const allChannels = channelInfo?.channels ?? [];
const channels = allChannels.filter((ch) => !ch.is_subscribed);
const checkSubscription = useCallback(async () => {
if (isCheckingRef.current) return;
@@ -88,35 +89,23 @@ export default function ChannelSubscriptionScreen() {
{channelInfo?.message || t('blocking.channel.defaultMessage')}
</p>
{/* Channel list */}
{/* Channel list (only unsubscribed channels) */}
{channels.length > 0 && (
<div className="mb-6 space-y-3">
{channels.map((ch) => (
<div
key={ch.channel_id}
className={`flex items-center justify-between rounded-xl border p-3 ${
ch.is_subscribed
? 'border-green-500/30 bg-green-500/10'
: 'border-red-500/30 bg-red-500/10'
}`}
className="flex items-center justify-between rounded-xl border border-red-500/30 bg-red-500/10 p-3"
>
<span className="text-sm font-medium text-white">{ch.title || ch.channel_id}</span>
<div className="flex items-center gap-2">
{ch.is_subscribed ? (
<span className="text-xs text-green-400">
{t('blocking.channel.subscribed')}
</span>
) : (
ch.channel_link && (
<button
onClick={() => safeOpenUrl(ch.channel_link)}
className="rounded-lg bg-blue-500/20 px-3 py-1 text-xs font-medium text-blue-400 hover:bg-blue-500/30"
>
{t('blocking.channel.openChannel')}
</button>
)
)}
</div>
{ch.channel_link && (
<button
onClick={() => safeOpenUrl(ch.channel_link)}
className="rounded-lg bg-blue-500/20 px-3 py-1 text-xs font-medium text-blue-400 hover:bg-blue-500/30"
>
{t('blocking.channel.openChannel')}
</button>
)}
</div>
))}
</div>