Fix/pictique qr valid timer

[grv-saini-20]

Description of change

fixed the pictique welcome screen QR Validator.

Issue Number

closes #674

Type of change

• Update (a change which updates existing functionality)
• Fix (a change which fixes an issue)

How the change has been tested

Manual

Change checklist

• I have ensured that the CI Checks pass locally
• I have removed any unnecessary logic
• My code is well documented
• I have signed my commits
• My code follows the pattern of the application
• I have self reviewed my code

Summary by CodeRabbit

• New Features
  • Enhanced follow button interactions with smooth animations and scale effects when following users.
  • Added visual status indicators showing Follow, Following, and Followed states with animated feedback.
  • Improved real-time UI responsiveness during follow actions with disabled button states while requests are processing.

_{✏️ Tip: You can customize this high-level summary in your review settings.}

[coderabbitai]

Caution

Review failed

The pull request is closed.

📝 Walkthrough

Walkthrough

This PR enhances the Profile component's follow interaction by introducing animated button states, follow request tracking, and improved UI feedback when users follow or unfollow profiles, with state synchronized between the page handler and the Profile component.

Changes

Cohort / File(s)	Summary
Follow Interaction UI Enhancement platforms/pictique/src/lib/fragments/Profile/Profile.svelte	Adds follow interaction enhancements for "other" variant profile: new isFollowing prop, requestSent state tracking, and btnScale Spring animation. Replaces simple Follow button with wrappedFollow flow that animates button scale, invokes handleFollow, marks request state, and restores scale. UI now displays Follow, Following (with bouncing indicator), and Followed (with Tick icon) states. Disables button during follow request or when already followed. Introduces HugeiconsIcon and Tick01Icon imports.
Follow State Management platforms/pictique/src/routes/(protected)/profile/[id]/+page.svelte	Adds local isFollowing state to track follow action status. Updates handleFollow to set isFollowing to true before sending POST request and reset it to false in finally block. Removes automatic profile fetch after follow (commented out). Binds isFollowing state to Profile component to reflect follow activity in UI.

Sequence Diagram(s)

sequenceDiagram
    participant User
    participant Profile as Profile Component
    participant PageHandler as Page Handler
    participant API as API Server
    
    User->>Profile: Click Follow Button
    Profile->>Profile: Scale Button (Spring)
    Profile->>PageHandler: wrappedFollow() → handleFollow()
    PageHandler->>PageHandler: Set isFollowing = true
    PageHandler->>API: POST /follow
    API-->>PageHandler: Response
    PageHandler->>PageHandler: Set isFollowing = false (finally)
    PageHandler-->>Profile: Update isFollowing binding
    Profile->>Profile: Scale Button Back
    Profile->>Profile: Display Followed State + Tick Icon

Loading

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~20 minutes

Possibly related PRs

• fix: avatars #226: Modifies the same Profile.svelte component at the prop level and follow-button UI, creating a direct code interaction overlap with this PR's enhancements to the isFollowing prop and follow button flow.

Suggested reviewers

• coodos
• sosweetham

Poem

🐰 A follow button now bounces with glee,
With springs and animations for all eyes to see,
The state flows like carrots through component divine,
From click to server, then back in a line,
With a tick and a scale, the follow's all fine! ✨

---

---

📜 Recent review details

Configuration used: defaults

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between d6dc3c7 and 7a30535.

📒 Files selected for processing (2)

• platforms/pictique/src/lib/fragments/Profile/Profile.svelte
• platforms/pictique/src/routes/(protected)/profile/[id]/+page.svelte

_{✏️ Tip: You can disable this entire section by setting review_details to false in your review settings.}

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[grv-saini-20]

changes are done in another pr