[Dashboard] Feature: Add initial insight UI #5435
Merged
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
|
Contributor
Your org has enabled the Graphite merge queue for merging into mainAdd the label “merge-queue” to the PR and Graphite will automatically add it to the merge queue when it’s ready to merge. Or use the label “hotfix” to add to the merge queue as a hot fix. You must have a Graphite account and log in to Graphite in order to use the merge queue. Sign up using this link. |
![graphite-app[bot]](https://avatars.githubusercontent.com/in/158384?s=60&v=4){kind=small}
apps/dashboard/src/app/team/[team_slug]/[project_slug]/insight/components/BlueprintsPage.tsx
Outdated
Show resolved
Hide resolved
Codecov ReportAll modified and coverable lines are covered by tests ✅
Additional details and impacted files@@ Coverage Diff @@
## main #5435 +/- ##
=======================================
Coverage 45.49% 45.49%
=======================================
Files 1070 1070
Lines 55770 55770
Branches 4034 4034
=======================================
Hits 25372 25372
Misses 29711 29711
Partials 687 687
*This pull request uses carry forward flags. Click here to find out more.
|
Contributor
size-limit report 📦
|
AmineAfia
force-pushed
the
11-15-add_initial_insight_ui
branch
from
3541cc2 to
bb3fe0b
Compare
AmineAfia
force-pushed
the
11-15-add_initial_insight_ui
branch
from
bb3fe0b to
06c3700
Compare
AmineAfia
force-pushed
the
11-15-add_initial_insight_ui
branch
from
06c3700 to
be13fe7
Compare
AmineAfia
requested review from
MananTank,
jnsdls and
joaquim-verges
as code owners
AmineAfia
pushed a commit
that referenced
this pull request
Nov 19, 2024
## Problem solved BLOCK-436 This PR adds an initial UI for insight to give visibility to insight in the platform. The first three blueprints are Data APIs available for all users. The next iteration will add the ability to create a new blueprint.  --- ## PR-Codex overview This PR introduces a new `Insight` page under the project structure, adding components for displaying blueprints, including a header and an explorer. It also implements authentication redirection and a loading state for better user experience. ### Detailed summary - Added a new route for `Insight` in `layout.tsx`. - Created `BlueprintsPageHeader` component for the `Insight` page. - Implemented `Page` component with authentication check and redirection logic. - Developed `BlueprintsPage` component to display blueprints with a loading state. - Created `getProjectBlueprints` function to fetch blueprint data. - Added `BlueprintsExplorer` component to list blueprints with a fallback message. - Implemented `BlueprintCard` for individual blueprint display. - Included loading spinner in `Loading` component. > ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your question}` <!-- end pr-codex --> Linear Ticket: https://linear.app/thirdweb/issue/BLOCK-436/implement-initial-insight-ui <!-- start pr-codex --> --- ## PR-Codex overview This PR introduces a new `Insight` page to the dashboard, enhancing the team project features with insights into blueprints. It includes user authentication, a header component, and displays blueprints with relevant data. ### Detailed summary - Added `Insight` route in `layout.tsx`. - Created `Page` component in `page.tsx` for rendering insights. - Implemented user authentication redirect if not logged in. - Developed `BlueprintsPageHeader` for page title and button. - Added `BlueprintsPage` to display billing alerts and blueprints. - Defined `getProjectBlueprints` to fetch blueprint data. - Created `BlueprintsExplorer` to list blueprints with a card layout. - Implemented `BlueprintCard` for individual blueprint display. > ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your question}` <!-- end pr-codex --> Linear Ticket: https://linear.app/thirdweb/issue/BLOCK-436/implement-initial-insight-ui <!-- start pr-codex --> --- ## PR-Codex overview This PR introduces a new `Insight` page for a project within a team dashboard, featuring a header and blueprint exploration components. It includes user authentication redirection and displays available blueprints with relevant information. ### Detailed summary - Added a new route for `Insight` in `layout.tsx`. - Created `BlueprintsPageHeader` component for the `Insight` page. - Implemented `Page` function to handle user authentication and redirection. - Developed `BlueprintsPage` to display blueprints and alerts. - Created `getProjectBlueprints` function to fetch blueprint data. - Added `BlueprintsExplorer` component to list blueprints. - Implemented `BlueprintCard` to display individual blueprint details. > ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your question}`
AmineAfia
force-pushed
the
11-15-add_initial_insight_ui
branch
from
a61f0db to
9128553
Compare
AmineAfia
pushed a commit
that referenced
this pull request
Nov 19, 2024
## Problem solved BLOCK-436 This PR adds an initial UI for insight to give visibility to insight in the platform. The first three blueprints are Data APIs available for all users. The next iteration will add the ability to create a new blueprint.  --- ## PR-Codex overview This PR introduces a new `Insight` page under the project structure, adding components for displaying blueprints, including a header and an explorer. It also implements authentication redirection and a loading state for better user experience. ### Detailed summary - Added a new route for `Insight` in `layout.tsx`. - Created `BlueprintsPageHeader` component for the `Insight` page. - Implemented `Page` component with authentication check and redirection logic. - Developed `BlueprintsPage` component to display blueprints with a loading state. - Created `getProjectBlueprints` function to fetch blueprint data. - Added `BlueprintsExplorer` component to list blueprints with a fallback message. - Implemented `BlueprintCard` for individual blueprint display. - Included loading spinner in `Loading` component. > ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your question}` <!-- end pr-codex --> Linear Ticket: https://linear.app/thirdweb/issue/BLOCK-436/implement-initial-insight-ui <!-- start pr-codex --> --- ## PR-Codex overview This PR introduces a new `Insight` feature to the dashboard, which includes a dedicated page for insights with blueprints and a header component. It also implements authentication checks and displays billing alerts. ### Detailed summary - Added a new route for `Insight`. - Created `Page` component with authentication check and redirection. - Introduced `BlueprintsPage` component displaying billing alerts and blueprints. - Implemented `BlueprintsPageHeader` with a disabled button. - Added `BlueprintsExplorer` for listing blueprints. - Defined `BlueprintCard` for individual blueprint display. > ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your question}` <!-- end pr-codex --> Linear Ticket: https://linear.app/thirdweb/issue/BLOCK-436/implement-initial-insight-ui <!-- start pr-codex --> --- ## PR-Codex overview This PR introduces a new `Insight` page to the dashboard, enhancing the team project features with insights into blueprints. It includes user authentication, a header component, and displays blueprints with relevant data. ### Detailed summary - Added `Insight` route in `layout.tsx`. - Created `Page` component in `page.tsx` for rendering insights. - Implemented user authentication redirect if not logged in. - Developed `BlueprintsPageHeader` for page title and button. - Added `BlueprintsPage` to display billing alerts and blueprints. - Defined `getProjectBlueprints` to fetch blueprint data. - Created `BlueprintsExplorer` to list blueprints with a card layout. - Implemented `BlueprintCard` for individual blueprint display. > ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your question}`
AmineAfia
force-pushed
the
11-15-add_initial_insight_ui
branch
from
9128553 to
c170b81
Compare
AmineAfia
pushed a commit
that referenced
this pull request
Nov 20, 2024
## Problem solved BLOCK-436 This PR adds an initial UI for insight to give visibility to insight in the platform. The first three blueprints are Data APIs available for all users. The next iteration will add the ability to create a new blueprint.  --- ## PR-Codex overview This PR introduces a new `Insight` page under the project structure, adding components for displaying blueprints, including a header and an explorer. It also implements authentication redirection and a loading state for better user experience. ### Detailed summary - Added a new route for `Insight` in `layout.tsx`. - Created `BlueprintsPageHeader` component for the `Insight` page. - Implemented `Page` component with authentication check and redirection logic. - Developed `BlueprintsPage` component to display blueprints with a loading state. - Created `getProjectBlueprints` function to fetch blueprint data. - Added `BlueprintsExplorer` component to list blueprints with a fallback message. - Implemented `BlueprintCard` for individual blueprint display. - Included loading spinner in `Loading` component. > ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your question}` <!-- end pr-codex --> Linear Ticket: https://linear.app/thirdweb/issue/BLOCK-436/implement-initial-insight-ui <!-- start pr-codex --> --- ## PR-Codex overview This PR adds a new `Insight` page to the dashboard for a project, featuring a `BlueprintsPage` that displays blueprints and a header. It includes authentication checks and a redirect to the login page if the user is not authenticated. ### Detailed summary - Added a new route for `Insight` in `layout.tsx`. - Created `Page` component in `page.tsx` with authentication check. - Added `BlueprintsPageHeader` component for the `Insight` page. - Implemented `BlueprintsPage` to display billing alerts and blueprints. - Created `getProjectBlueprints` function to fetch blueprint data. - Developed `BlueprintsExplorer` component to list blueprints. - Added `BlueprintCard` component to display individual blueprints. > ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your question}` <!-- end pr-codex --> Linear Ticket: https://linear.app/thirdweb/issue/BLOCK-436/implement-initial-insight-ui <!-- start pr-codex --> --- ## PR-Codex overview This PR introduces a new `Insight` feature to the dashboard, which includes a dedicated page for insights with blueprints and a header component. It also implements authentication checks and displays billing alerts. ### Detailed summary - Added a new route for `Insight`. - Created `Page` component with authentication check and redirection. - Introduced `BlueprintsPage` component displaying billing alerts and blueprints. - Implemented `BlueprintsPageHeader` with a disabled button. - Added `BlueprintsExplorer` for listing blueprints. - Defined `BlueprintCard` for individual blueprint display. > ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your question}`
AmineAfia
force-pushed
the
11-15-add_initial_insight_ui
branch
from
c170b81 to
37b9b37
Compare
## Problem solved BLOCK-436 This PR adds an initial UI for insight to give visibility to insight in the platform. The first three blueprints are Data APIs available for all users. The next iteration will add the ability to create a new blueprint.  --- ## PR-Codex overview This PR introduces a new `Insight` page under the project structure, adding components for displaying blueprints, including a header and an explorer. It also implements authentication redirection and a loading state for better user experience. ### Detailed summary - Added a new route for `Insight` in `layout.tsx`. - Created `BlueprintsPageHeader` component for the `Insight` page. - Implemented `Page` component with authentication check and redirection logic. - Developed `BlueprintsPage` component to display blueprints with a loading state. - Created `getProjectBlueprints` function to fetch blueprint data. - Added `BlueprintsExplorer` component to list blueprints with a fallback message. - Implemented `BlueprintCard` for individual blueprint display. - Included loading spinner in `Loading` component. > ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your question}` <!-- end pr-codex --> Linear Ticket: https://linear.app/thirdweb/issue/BLOCK-436/implement-initial-insight-ui <!-- start pr-codex --> --- ## PR-Codex overview This PR adds a new `Insight` page to the dashboard for a project, featuring a `BlueprintsPage` that displays blueprints and a header. It includes authentication checks and a redirect to the login page if the user is not authenticated. ### Detailed summary - Added a new route for `Insight` in `layout.tsx`. - Created `Page` component in `page.tsx` with authentication check. - Added `BlueprintsPageHeader` component for the `Insight` page. - Implemented `BlueprintsPage` to display billing alerts and blueprints. - Created `getProjectBlueprints` function to fetch blueprint data. - Developed `BlueprintsExplorer` component to list blueprints. - Added `BlueprintCard` component to display individual blueprints. > ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your question}` <!-- end pr-codex --> Linear Ticket: https://linear.app/thirdweb/issue/BLOCK-436/implement-initial-insight-ui <!-- start pr-codex --> --- ## PR-Codex overview This PR introduces a new `Insight` feature to the dashboard, which includes a dedicated page for insights with blueprints and a header component. It also implements authentication checks and displays billing alerts. ### Detailed summary - Added a new route for `Insight`. - Created `Page` component with authentication check and redirection. - Introduced `BlueprintsPage` component displaying billing alerts and blueprints. - Implemented `BlueprintsPageHeader` with a disabled button. - Added `BlueprintsExplorer` for listing blueprints. - Defined `BlueprintCard` for individual blueprint display. > ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your question}`
AmineAfia
force-pushed
the
11-15-add_initial_insight_ui
branch
from
37b9b37 to
4c8333d
Compare
vercel
bot
temporarily deployed
to
Production – thirdweb_playground
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Problem solved
BLOCK-436
This PR adds an initial UI for insight to give visibility to insight in the platform. The first three blueprints are Data APIs available for all users. The next iteration will add the ability to create a new blueprint.
PR-Codex overview
This PR introduces a new
Insightpage under the project structure, adding components for displaying blueprints, including a header and an explorer. It also implements authentication redirection and a loading state for better user experience.Detailed summary
Insightinlayout.tsx.BlueprintsPageHeadercomponent for theInsightpage.Pagecomponent with authentication check and redirection logic.BlueprintsPagecomponent to display blueprints with a loading state.getProjectBlueprintsfunction to fetch blueprint data.BlueprintsExplorercomponent to list blueprints with a fallback message.BlueprintCardfor individual blueprint display.Loadingcomponent.Linear Ticket: https://linear.app/thirdweb/issue/BLOCK-436/implement-initial-insight-ui
PR-Codex overview
This PR introduces a new
Insightpage within the project dashboard, allowing users to view and manage blueprints. It includes authentication checks, a header component, and displays a list of available blueprints with relevant information.Detailed summary
Insightpage.Pagecomponent.BlueprintsPageHeaderfor theInsightpage.BlueprintsPageto render header and blueprints.getProjectBlueprintsfunction to fetch blueprint data.BlueprintsExplorerto display blueprints.BlueprintCardfor individual blueprint representation.Linear Ticket: https://linear.app/thirdweb/issue/BLOCK-436/implement-initial-insight-ui
PR-Codex overview
This PR introduces a new
Insightpage in the application, featuring blueprints for transaction data, events, and tokens. It includes authentication checks, a header component, and a display for available blueprints.Detailed summary
Insightroute to the application.Pagecomponent with authentication redirection.BlueprintsPageHeaderfor theInsightpage.BlueprintsPageto displayBillingAlertsand blueprints.BlueprintsExplorerto list blueprints with a card interface.getProjectBlueprintsfunction to retrieve mock blueprint data.