[PR #3187] [MERGED] redesigned search button #4274

New issue

Closed

opened 2026-03-17 01:49:28 +03:00 by kerem · 0 comments

kerem commented

2026-03-17 01:49:28 +03:00

Owner

📋 Pull Request Information

Original PR: https://github.com/hoppscotch/hoppscotch/pull/3187
Author: @liyasthomas
Created: 7/14/2023
Status: ✅ Merged
Merged: 7/17/2023
Merged by: @AndrewBastin

Base: release/2023.8.0 ← Head: chore/search-button

📝 Commits (1)

7b06ed1 refactor: redesign search button

📊 Changes

4 files changed (+609 additions, -61 deletions)

View changed files

📝 packages/hoppscotch-common/package.json (+0 -1)
📝 packages/hoppscotch-common/src/components.d.ts (+2 -0)
📝 packages/hoppscotch-common/src/components/app/Header.vue (+15 -11)
📝 pnpm-lock.yaml (+592 -49)

📄 Description

`🤖 Generated by Copilot at 7d04cc8`

Summary

🗑️✨🎨

Removed unused GitHub star button and added search button to the app header. Cleaned up header layout and dependencies.

The button for GitHub was dropped
From package.json it was cropped
A new button was made
To open the search blade
And the header layout was swapped

Walkthrough

Removed unused dependency vue-github-button from packages/hoppscotch-common/package.json (link)
Replaced AppGitHubStarButton component with a custom button for opening the search modal in packages/hoppscotch-common/src/components/app/Header.vue (link)
Added a wrapper div element for the right-aligned header buttons and icons in packages/hoppscotch-common/src/components/app/Header.vue (link)
Removed unused import statement for IconSearch in packages/hoppscotch-common/src/components/app/Header.vue (link)

_{🔄 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/3187 **Author:** [@liyasthomas](https://github.com/liyasthomas) **Created:** 7/14/2023 **Status:** ✅ Merged **Merged:** 7/17/2023 **Merged by:** [@AndrewBastin](https://github.com/AndrewBastin) **Base:** `release/2023.8.0` ← **Head:** `chore/search-button` --- ### 📝 Commits (1) - [`7b06ed1`](https://github.com/hoppscotch/hoppscotch/commit/7b06ed1c03ee84973ac611addd4fed73e2aa460a) refactor: redesign search button ### 📊 Changes **4 files changed** (+609 additions, -61 deletions) <details> <summary>View changed files</summary> 📝 `packages/hoppscotch-common/package.json` (+0 -1) 📝 `packages/hoppscotch-common/src/components.d.ts` (+2 -0) 📝 `packages/hoppscotch-common/src/components/app/Header.vue` (+15 -11) 📝 `pnpm-lock.yaml` (+592 -49) </details> ### 📄 Description  ### <samp>🤖 Generated by Copilot at 7d04cc8</samp> ### Summary :wastebasket::sparkles::art:  Removed unused GitHub star button and added search button to the app header. Cleaned up header layout and dependencies. > _The button for GitHub was dropped_ > _From `package.json` it was cropped_ > _A new button was made_ > _To open the search blade_ > _And the header layout was swapped_ ### Walkthrough * Removed unused dependency `vue-github-button` from `packages/hoppscotch-common/package.json` ([link](https://github.com/hoppscotch/hoppscotch/pull/3187/files?diff=unified&w=0#diff-016b2ebcb9625259315d04fe283390666282f5ef4629d373957f2e2cb2073f8eL92)) * Replaced `AppGitHubStarButton` component with a custom button for opening the search modal in `packages/hoppscotch-common/src/components/app/Header.vue` ([link](https://github.com/hoppscotch/hoppscotch/pull/3187/files?diff=unified&w=0#diff-9e824512ea7bc7bc173ed22de11cc66caa67ba82cea43f636678a97a5f29ca91L18-R32)) * Added a wrapper `div` element for the right-aligned header buttons and icons in `packages/hoppscotch-common/src/components/app/Header.vue` ([link](https://github.com/hoppscotch/hoppscotch/pull/3187/files?diff=unified&w=0#diff-9e824512ea7bc7bc173ed22de11cc66caa67ba82cea43f636678a97a5f29ca91R50-R51)) * Removed unused import statement for `IconSearch` in `packages/hoppscotch-common/src/components/app/Header.vue` ([link](https://github.com/hoppscotch/hoppscotch/pull/3187/files?diff=unified&w=0#diff-9e824512ea7bc7bc173ed22de11cc66caa67ba82cea43f636678a97a5f29ca91L241)) --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>