Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add icon preview interface #1108

Draft
wants to merge 2 commits into
base: main
Choose a base branch
from
Draft

Add icon preview interface #1108

wants to merge 2 commits into from

Commits on May 7, 2024

  1. Configuration menu
    Copy the full SHA
    b0320ff View commit details
    Browse the repository at this point in the history
  2. Enhance Icon Preview Interface

    Implements a new Icon Preview Interface and updates the UI to include tabs for separating the upload and preview features.
    
    - **UI Updates:**
      - Adds `Tabs` and `Tab` components in `App.tsx` to separate the Upload Form and Icon Preview Interface into distinct tabs, enhancing the application's navigation and organization.
      - Updates `App.scss` with styles for the tab interface, ensuring a consistent and visually appealing design across devices with responsive design considerations.
    
    - **Icon Preview Interface:**
      - Introduces a new component `IconPreviewInterface.tsx` that allows users to select an icon source and then displays a list of available icons from that source.
      - Implements fetching of available icons based on the selected icon source using an API call, dynamically updating the icon selection dropdown.
      - Provides a preview of the selected icon and displays the badge URL, including a copy-to-clipboard functionality for the badge URL.
    
    
    ---
    
    For more details, open the [Copilot Workspace session](https://copilot-workspace.githubnext.com/DenverCoder1/custom-icon-badges/pull/1108?shareId=7dbef41a-71d7-41b6-bc6e-3c4271bb472a).
    DenverCoder1 committed May 7, 2024
    Configuration menu
    Copy the full SHA
    3df27eb View commit details
    Browse the repository at this point in the history