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

fix: Improve the UI/UX for GitHub integrations #3907

Merged
merged 22 commits into from May 17, 2024

Conversation

novakzaballa
Copy link
Contributor

Thanks for submitting a PR! Please check the boxes below:

  • I have run pre-commit to check linting
  • I have added information to docs/ if required so people know about the feature!
  • I have filled in the "Changes" section below?
  • I have filled in the "How did you test this code" section below?
  • I have used a Conventional Commit title for this Pull Request

Changes

  • Remove the "Add repository" button
  • Open GitHub side modal on add integration
  • Make delete integration theme="danger"
  • Hide GitHub repo select if there is only 1 repository
  • Move the link gh issue button
  • Shorten URL to be #ID
  • Rather than showing the URL, add a view button
  • Remove integration should be updated in the App
  • Solve issues in the GithubSetupPage

How did you test this code?

  • Create a GitHub integration, select a repo, and link a feature with a Issue/PR

Copy link

vercel bot commented May 9, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
docs ✅ Ready (Inspect) Visit Preview 💬 Add feedback May 17, 2024 6:25pm
flagsmith-frontend-preview ✅ Ready (Inspect) Visit Preview 💬 Add feedback May 17, 2024 6:25pm
flagsmith-frontend-staging ✅ Ready (Inspect) Visit Preview 💬 Add feedback May 17, 2024 6:25pm

@github-actions github-actions bot added the front-end Issue related to the React Front End Dashboard label May 9, 2024
@novakzaballa novakzaballa requested review from a team and kyle-ssg and removed request for a team May 9, 2024 05:25
Copy link
Contributor

github-actions bot commented May 9, 2024

Uffizzi Preview deployment-51479 was deleted.

@novakzaballa novakzaballa changed the title Fix: Improve the UI ux for GitHub integrations fix: Improve the UI/UX for GitHub integrations May 9, 2024
@@ -37,7 +38,7 @@ const DeleteGithubIntegracion: FC<DeleteGithubIntegracionType> = ({
github_integration_id: githubId,
organisation_id: organisationId,
}).then(() => {
onConfirm()
window.location.reload()
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Im confused, does this work ? It doesnt look like the correct way to open a confirmation modal, there's no message onYes etc

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This closes the modal when you delete the installation.

<Row className='list-item' key={externalResource?.id}>
<Flex className='table-column mt-1'>
<Row className='font-weight-medium'>
{externalResource?.type === 'GITHUB_ISSUE'
Copy link
Member

@kyle-ssg kyle-ssg May 9, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is tied to GitHub unnecessarily and overly complex.

Why not just add the following in Constants

resourceTypes: {
GITHUB_ISSUE: {label:"GitHub Issue", type:"GITHUB", id:1}
}

then

 <Row className='font-weight-medium'>
 Constants.resourceTypes[externalResource?.type]?.label]

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I added that constant and now I'm using it where it's needed.

placeholder={'Select Type'}
onChange={(v: GitHubStatusType) => setExternalResourceType(v.label)}
options={[
{ id: 1, type: Constants.githubType.githubIssue },
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Following above comment this could be Object.values(Constants.resourceTypes).filter((v)=>v.type==='GITHUB')

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Done

)
}

const PermanentRow: FC<PermanentRowType> = ({
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The term PermanentRow is confusing, it's not obvious what this is

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Renamed

@novakzaballa novakzaballa added this pull request to the merge queue May 17, 2024
Merged via the queue into main with commit f624223 May 17, 2024
21 checks passed
@novakzaballa novakzaballa deleted the fix/improve-the-ui-ux-for-github-integrations branch May 17, 2024 18:37
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
front-end Issue related to the React Front End Dashboard
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants