Skip to content

feat(user-front): icons in place of the guide's text symbols - #4

Open
Hiddify-Official wants to merge 4 commits into
hiddify:mainfrom
Hiddify-Official:feat/no-emoji
Open

Hiddify-Official wants to merge 4 commits into
hiddify:mainfrom
Hiddify-Official:feat/no-emoji

Conversation

@Hiddify-Official

Copy link
Copy Markdown

Builds on #3 (the install guide), and includes its commits until it is merged. Only the last commit is this change.

Problem

The install guide's "Got it" button and its animated pointer used text symbols (✓, ➚) where the rest of the UI uses icons.

Change

  • pwa/PwaGuide.tsx: the MUI check icon in "Got it" and the MUI north-east arrow as the pointer, both sized to the text.
  • pwa/PwaGuide.css: the button lays out its icon beside the text.

Screenshots

Before After
before after

Tested

  • On main, iPhone view: the guide's button and pointer.
  • tsc is clean for the file.

Review

  • Confidence: High (>90%) — two icons.
  • Complexity: Simple.

Related: the admin panel's part, hiddify/hiddifypanel#100

🤖 Generated with Claude Code

Hiddify-Official and others added 4 commits October 23, 2026 01:32
A spotlight on the user panel's home page shows how to install it as an
app, as a looping animation of the browser's own controls: Safari on
iPhone / iPad, Chrome on Android, Chrome on Windows, macOS or Linux (the
detected platform first, the others one tap away).

- Shown each time the panel is opened (once per page load), not when it
  already runs as the installed app.
- "Got it" closes it; with "Do not show this again" ticked it stays
  closed in this browser.
- The same guide as the admin panel's (hiddifypanel admin_v2).

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
- While the account is not linked to the panel's bot, the first thing on
  the home page is a "Connect to Telegram" spotlight (it replaces the
  plain modal): a looping animation of the bot sending the account
  (traffic, days left) and opening the user panel, then "Connect To
  Telegram" (opens the bot) or "Later". As before, it comes back on each
  visit until the account is linked.
- The install-as-app guide waits for that: it shows once the account is
  linked (or when the panel has no bot), and only once — "Got it" (or
  closing it) and it does not come back. Its "Do not show again" box is
  gone, there is nothing left for it to do.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Visits are counted only while the account is linked to the panel's bot
(or the panel has no bot); the guide shows once, on the 3rd such visit.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
The install guide's "Got it" button and its pointer used text symbols
(✓, ➚): they are the MUI check and north-east arrow icons now.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant