Enable first QQ group in CommunityModal - make "幻灵的炼丹工坊一群" clickable
This PR enables the previously disabled first QQ group "幻灵的炼丹工坊一群" in the CommunityModal component, making it functional and interactive for users.
## Changes Made
The first group was previously disabled with the following issues:
- Had `disabled` class preventing interaction
- Status dot showed `offline` state
- Had a disabled overlay blocking clicks
- Button text said "点击加入" instead of the active "立即加入"
- No click handler to open the QQ group link
This PR fixes all these issues by:
1. **Enabling interaction**: Changed `class="group-item disabled"` to `class="group-item active"`
2. **Adding click handler**: Added `@click="goto('...')"` with placeholder QQ group URL
3. **Updating status**: Changed status dot from `offline` to `online` (green indicator)
4. **Removing overlay**: Deleted the `<div class="disabled-overlay"></div>` that was blocking interaction
5. **Updating button text**: Changed "点击加入" to "立即加入" to match the working second group
## Result
The first group now behaves identically to the working second group:
- ✅ Users can click to join the group
- ✅ Shows green online status indicator
- ✅ Has hover effects and proper styling
- ✅ Uses consistent "立即加入" button text
- ✅ Opens QQ group link in new tab when clicked
**Note**: The QQ group link currently uses placeholder values (`PLACEHOLDER_KEY_FOR_GROUP_1` and `PLACEHOLDER_AUTH_KEY`) that should be replaced with the actual group credentials when available.
## File Changed
- `components/main_page/CommunityModal.vue` (4 insertions, 4 deletions)
> [!WARNING]
>
> <details>
> <summary>Firewall rules blocked me from connecting to one or more addresses</summary>
>
> #### I tried to connect to the following addresses, but was blocked by firewall rules:
>
> - `mirrors.cloud.tencent.com`
> - Triggering command: `node /usr/local/bin/yarn install` (dns block)
> - Triggering command: `npm install` (dns block)
> - `registry.npmmirror.com`
> - Triggering command: `node /usr/local/bin/yarn install` (dns block)
> - Triggering command: `npm install` (dns block)
>
> If you need me to access, download, or install something from one of these locations, you can either:
>
> - Configure [Actions setup steps](https://gh.io/copilot/actions-setup-steps) to set up my environment, which run before the firewall is enabled
> - Add the appropriate URLs or hosts to the custom allowlist in this repository's [Copilot coding agent settings](https://github.com/HuanLinOTO/svc-fusion-docs/settings/copilot/coding_agent) (admins only)
>
> </details>
<!-- START COPILOT CODING AGENT TIPS -->
---
✨ Let Copilot coding agent [set things up for you](https://github.com/HuanLinOTO/svc-fusion-docs/issues/new?title=✨Set+up+Copilot+instructions&body=Configure%20instructions%20for%20this%20repository%20as%20documented%20in%20%5BBest%20practices%20for%20Copilot%20coding%20agent%20in%20your%20repository%5D%28https://gh.io/copilot-coding-agent-tips%29%0A%0A%3COnboard%20this%20repo%3E&assignees=copilot) — coding agent works faster and does higher quality work when set up for your repo.
合并状态:未合并 关闭于 2025-08-22 2 条评论