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

feat: build OKTA form within OKTA access tab #2974

Merged
merged 7 commits into from
Jul 5, 2024
Merged

feat: build OKTA form within OKTA access tab #2974

merged 7 commits into from
Jul 5, 2024

Conversation

RulaKhaled
Copy link
Contributor

@RulaKhaled RulaKhaled commented Jun 28, 2024

Description

Pure UI no api stuff as they're not ready. Enforce should only be toggled on when enabled is on.

Notable Changes

  • Create new form
  • New spec

Screenshots

Screenshot 2024-06-29 at 2 20 50 PM

Design: https://www.figma.com/design/rKpoilbmgXLtkZ16ADEa8P/GH-763?node-id=5-1117&t=diC5MJVu2pHoi8yl-0

codecov/engineering-team#1979

Legal Boilerplate

Look, I get it. The entity doing business as "Sentry" was incorporated in the State of Delaware in 2015 as Functional Software, Inc. In 2022 this entity acquired Codecov and as result Sentry is going to need some rights from me in order to utilize my contributions in this PR. So here's the deal: I retain all rights, title and interest in and to my contributions, and by keeping this boilerplate intact I confirm that Sentry can use, modify, copy, and redistribute my contributions, under Sentry's choice of terms.

@codecov-qa
Copy link

codecov-qa bot commented Jun 28, 2024

Codecov Report

Attention: Patch coverage is 96.66667% with 1 line in your changes missing coverage. Please review.

Project coverage is 98.36%. Comparing base (319a841) to head (aab09d3).

✅ All tests successful. No failed tests found.

Impacted file tree graph

@@            Coverage Diff             @@
##             main    #2974      +/-   ##
==========================================
- Coverage   98.36%   98.36%   -0.01%     
==========================================
  Files         892      895       +3     
  Lines       13267    13304      +37     
  Branches     3534     3547      +13     
==========================================
+ Hits        13050    13086      +36     
- Misses        213      214       +1     
  Partials        4        4              
Files Coverage Δ
...ges/AccountSettings/tabs/OktaAccess/OktaAccess.tsx 100.00% <100.00%> (ø)
.../tabs/OktaAccess/OktaConfigForm/OktaConfigForm.tsx 96.55% <96.55%> (ø)

... and 2 files with indirect coverage changes

Components Coverage Δ
Assets 53.84% <ø> (ø)
Layouts 97.23% <ø> (ø)
Pages 99.15% <96.66%> (-0.02%) ⬇️
Services 99.46% <ø> (ø)
Shared 99.68% <ø> (ø)
UI 94.62% <ø> (+0.03%) ⬆️

Continue to review full report in Codecov by Sentry.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 319a841...aab09d3. Read the comment docs.

Copy link

codecov-public-qa bot commented Jun 28, 2024

Codecov Report

Attention: Patch coverage is 96.66667% with 1 lines in your changes are missing coverage. Please review.

Project coverage is 98.36%. Comparing base (319a841) to head (aab09d3).

✅ All tests successful. No failed tests found ☺️

Impacted file tree graph

@@            Coverage Diff             @@
##             main    #2974      +/-   ##
==========================================
- Coverage   98.36%   98.36%   -0.01%     
==========================================
  Files         892      895       +3     
  Lines       13267    13304      +37     
  Branches     3515     3482      -33     
==========================================
+ Hits        13050    13086      +36     
- Misses        213      214       +1     
  Partials        4        4              
Files Coverage Δ
...ges/AccountSettings/tabs/OktaAccess/OktaAccess.tsx 100.00% <100.00%> (ø)
.../tabs/OktaAccess/OktaConfigForm/OktaConfigForm.tsx 96.55% <96.55%> (ø)

... and 2 files with indirect coverage changes

Components Coverage Δ
Assets 53.84% <ø> (ø)
Layouts 97.23% <ø> (ø)
Pages 99.15% <96.66%> (-0.02%) ⬇️
Services 99.46% <ø> (ø)
Shared 99.68% <ø> (ø)
UI 94.62% <ø> (+0.03%) ⬆️

Continue to review full report in Codecov by Sentry.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 319a841...aab09d3. Read the comment docs.

@codecov-notifications
Copy link

codecov-notifications bot commented Jun 28, 2024

Codecov Report

Attention: Patch coverage is 96.66667% with 1 line in your changes missing coverage. Please review.

✅ All tests successful. No failed tests found.

Impacted file tree graph

@@            Coverage Diff             @@
##             main    #2974      +/-   ##
==========================================
- Coverage   98.36%   98.36%   -0.01%     
==========================================
  Files         892      895       +3     
  Lines       13267    13304      +37     
  Branches     3469     3547      +78     
==========================================
+ Hits        13050    13086      +36     
- Misses        213      214       +1     
  Partials        4        4              
Files Coverage Δ
...ges/AccountSettings/tabs/OktaAccess/OktaAccess.tsx 100.00% <100.00%> (ø)
.../tabs/OktaAccess/OktaConfigForm/OktaConfigForm.tsx 96.55% <96.55%> (ø)

... and 2 files with indirect coverage changes

Components Coverage Δ
Assets 53.84% <ø> (ø)
Layouts 97.23% <ø> (ø)
Pages 99.15% <96.66%> (-0.02%) ⬇️
Services 99.46% <ø> (ø)
Shared 99.68% <ø> (ø)
UI 94.62% <ø> (+0.03%) ⬆️

Continue to review full report in Codecov by Sentry.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 319a841...aab09d3. Read the comment docs.

Copy link

codecov bot commented Jun 28, 2024

Codecov Report

Attention: Patch coverage is 96.66667% with 1 line in your changes missing coverage. Please review.

Project coverage is 98.36%. Comparing base (319a841) to head (aab09d3).

✅ All tests successful. No failed tests found.

Additional details and impacted files

Impacted file tree graph

@@             Coverage Diff             @@
##               main      #2974   +/-   ##
===========================================
  Coverage   98.36000   98.36000           
===========================================
  Files           892        895    +3     
  Lines         13267      13304   +37     
  Branches       3534       3482   -52     
===========================================
+ Hits          13050      13086   +36     
- Misses          213        214    +1     
  Partials          4          4           
Files Coverage Δ
...ges/AccountSettings/tabs/OktaAccess/OktaAccess.tsx 100.00% <100.00%> (ø)
.../tabs/OktaAccess/OktaConfigForm/OktaConfigForm.tsx 96.55% <96.55%> (ø)

... and 2 files with indirect coverage changes

Components Coverage Δ
Assets 53.84% <ø> (ø)
Layouts 97.23% <ø> (ø)
Pages 99.15% <96.66%> (-0.02%) ⬇️
Services 99.46% <ø> (ø)
Shared 99.68% <ø> (ø)
UI 94.62% <ø> (+0.03%) ⬆️

Continue to review full report in Codecov by Sentry.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 319a841...aab09d3. Read the comment docs.

@codecov-staging
Copy link

codecov-staging bot commented Jun 28, 2024

Bundle Report

Changes will increase total bundle size by 15.74kB ⬆️

Bundle name Size Change
gazebo-staging-array-push 6.77MB 15.74kB ⬆️

Copy link

codecov bot commented Jun 28, 2024

Bundle Report

Changes will increase total bundle size by 15.74kB ⬆️

Bundle name Size Change
gazebo-production-array-push 6.77MB 15.74kB ⬆️

@codecov-releaser
Copy link
Contributor

codecov-releaser commented Jun 28, 2024

✅ Deploy preview for gazebo ready!

Previews expire after 1 month automatically.

Storybook

Commit Created Cloud Enterprise
d515640 Fri, 28 Jun 2024 15:41:15 GMT Expired Expired
afbdcdb Sat, 29 Jun 2024 11:31:52 GMT Expired Expired
7f8a13e Tue, 02 Jul 2024 15:13:57 GMT Expired Expired
aab09d3 Fri, 05 Jul 2024 08:53:54 GMT Cloud Enterprise

@RulaKhaled RulaKhaled marked this pull request as ready for review June 29, 2024 11:21
Copy link
Contributor

@nicholas-codecov nicholas-codecov left a comment

Choose a reason for hiding this comment

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

Couple of things to take a peak at

Comment on lines 73 to 78
<TextInput
{...register('clientSecret', { required: true })}
type={showPassword ? 'text' : 'password'}
id="clientSecret"
placeholder="Enter Client Secret"
/>
Copy link
Contributor

Choose a reason for hiding this comment

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

👏 👏 👏

}

return (
<div className="w-5/6 border-2 border-solid border-ds-gray-primary p-4 text-ds-gray-octonary">
Copy link
Contributor

Choose a reason for hiding this comment

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

m: Can we move this over to our Card component that we have? You should be able to compose/customize it as needed to match the styles given in the designs.

Copy link
Contributor

Choose a reason for hiding this comment

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

You can check the stories for it for guidance or, poke @spalmurray-codecov if you have any deeper questions about it.

Comment on lines 91 to 95
{formState.errors.clientSecret && (
<p className="mt-1 text-codecov-red">
{formState.errors.clientSecret.message}
</p>
)}
Copy link
Contributor

Choose a reason for hiding this comment

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

m: Can we swap these to ternary checks:

            {formState.errors.clientSecret ? (
              <p className="mt-1 text-codecov-red">
                {formState.errors.clientSecret.message}
              </p>
            ) : null}

They add in some extra protections that double & do not, if you want you can read more about these here.

Comment on lines 107 to 111
{formState.errors.redirectUri && (
<p className="mt-1 text-codecov-red">
{formState.errors.redirectUri.message}
</p>
)}
Copy link
Contributor

Choose a reason for hiding this comment

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

m: Same here for the swap to ternaries 👀

Copy link
Contributor

@nicholas-codecov nicholas-codecov left a comment

Choose a reason for hiding this comment

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

Approved, can you add a link to the issue in the PR description.

@RulaKhaled RulaKhaled enabled auto-merge July 5, 2024 08:36
@RulaKhaled RulaKhaled added this pull request to the merge queue Jul 5, 2024
Merged via the queue into main with commit 094063d Jul 5, 2024
52 of 61 checks passed
@RulaKhaled RulaKhaled deleted the okta-form branch July 5, 2024 08:45
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants