[PR #3977] [MERGED] feat: first time user spotlight animation #4617

New issue

Closed

opened 2026-03-17 02:08:18 +03:00 by kerem · 0 comments

kerem commented

2026-03-17 02:08:18 +03:00

Owner

📋 Pull Request Information

Original PR: https://github.com/hoppscotch/hoppscotch/pull/3977
Author: @nivedin
Created: 4/15/2024
Status: ✅ Merged
Merged: 4/22/2024
Merged by: @AndrewBastin

Base: release/2024.3.1 ← Head: feat/spotlight-animation

📝 Commits (4)

b8a14d8 feat: first time user spotlight animation
b3cfcfe chore: add import collection to spotlight
a8d15f3 chore: add i18n and minor changes
8f9b3ce refactor: minor code improvements

📊 Changes

11 files changed (+326 additions, -77 deletions)

View changed files

📝 packages/hoppscotch-common/locales/en.json (+8 -0)
📝 packages/hoppscotch-common/src/components/app/Header.vue (+1 -14)
➕ packages/hoppscotch-common/src/components/app/SpotlightSearch.vue (+135 -0)
📝 packages/hoppscotch-common/src/components/collections/graphql/index.vue (+8 -0)
📝 packages/hoppscotch-common/src/components/collections/index.vue (+3 -0)
📝 packages/hoppscotch-common/src/helpers/actions.ts (+1 -0)
📝 packages/hoppscotch-common/src/layouts/default.vue (+4 -1)
📝 packages/hoppscotch-common/src/newstore/settings.ts (+4 -0)
📝 packages/hoppscotch-common/src/services/persistence/validation-schemas/index.ts (+2 -0)
📝 packages/hoppscotch-common/src/services/spotlight/searchers/collections.searcher.ts (+42 -36)
📝 packages/hoppscotch-common/src/services/spotlight/searchers/teamRequest.searcher.ts (+118 -26)

📄 Description

Closes HFE-476

Description

This PR adds animation to the spotlight search component. This will only be visible to first time user who hasn't opened the spotlight yet. Also adds "Import Collection" option in the spotlight.

https://github.com/hoppscotch/hoppscotch/assets/53208152/efbbb320-1d5d-4711-9dcb-a8dd7dcca664

Checks

My pull request adheres to the code style of this project
My code requires changes to the documentation
I have updated the documentation as required
All the tests have passed

_{🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.}

## 📋 Pull Request Information **Original PR:** https://github.com/hoppscotch/hoppscotch/pull/3977 **Author:** [@nivedin](https://github.com/nivedin) **Created:** 4/15/2024 **Status:** ✅ Merged **Merged:** 4/22/2024 **Merged by:** [@AndrewBastin](https://github.com/AndrewBastin) **Base:** `release/2024.3.1` ← **Head:** `feat/spotlight-animation` --- ### 📝 Commits (4) - [`b8a14d8`](https://github.com/hoppscotch/hoppscotch/commit/b8a14d89f74a5d32523059595bfdd27e9a2d8799) feat: first time user spotlight animation - [`b3cfcfe`](https://github.com/hoppscotch/hoppscotch/commit/b3cfcfe22706e2d95067e64d3dc1000c84d47352) chore: add import collection to spotlight - [`a8d15f3`](https://github.com/hoppscotch/hoppscotch/commit/a8d15f3507e5a7d5f3ddd4ccbb61606fab386a33) chore: add i18n and minor changes - [`8f9b3ce`](https://github.com/hoppscotch/hoppscotch/commit/8f9b3ce714a0c7a4751ccef7cbb627f0d97c1c77) refactor: minor code improvements ### 📊 Changes **11 files changed** (+326 additions, -77 deletions) <details> <summary>View changed files</summary> 📝 `packages/hoppscotch-common/locales/en.json` (+8 -0) 📝 `packages/hoppscotch-common/src/components/app/Header.vue` (+1 -14) ➕ `packages/hoppscotch-common/src/components/app/SpotlightSearch.vue` (+135 -0) 📝 `packages/hoppscotch-common/src/components/collections/graphql/index.vue` (+8 -0) 📝 `packages/hoppscotch-common/src/components/collections/index.vue` (+3 -0) 📝 `packages/hoppscotch-common/src/helpers/actions.ts` (+1 -0) 📝 `packages/hoppscotch-common/src/layouts/default.vue` (+4 -1) 📝 `packages/hoppscotch-common/src/newstore/settings.ts` (+4 -0) 📝 `packages/hoppscotch-common/src/services/persistence/validation-schemas/index.ts` (+2 -0) 📝 `packages/hoppscotch-common/src/services/spotlight/searchers/collections.searcher.ts` (+42 -36) 📝 `packages/hoppscotch-common/src/services/spotlight/searchers/teamRequest.searcher.ts` (+118 -26) </details> ### 📄 Description Closes HFE-476 ### Description This PR adds animation to the spotlight search component. This will only be visible to first time user who hasn't opened the spotlight yet. Also adds "Import Collection" option in the spotlight. https://github.com/hoppscotch/hoppscotch/assets/53208152/efbbb320-1d5d-4711-9dcb-a8dd7dcca664 ### Checks - [x] My pull request adheres to the code style of this project - [ ] My code requires changes to the documentation - [ ] I have updated the documentation as required - [x] All the tests have passed --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>