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

Feature/5/new integration authentication #14

Open
wants to merge 22 commits into
base: dev
Choose a base branch
from

Conversation

ahmedasad236
Copy link

  • Create the UI of the authentication page of new integration feature

ahmedasad236 added 8 commits August 27, 2023 21:30
- Create the layout of the page.
- Add the route of the page to the existed routes.
- Create the page that you choose from it the authentication type
- Create the first step component of API-KEY authentication
- Create the UI form of the new field authentication
- Change the page of NewAuthField and make the form as a modal.
@ahmedasad236 ahmedasad236 requested a review from a-asmaa September 4, 2023 21:10
@ahmedasad236 ahmedasad236 self-assigned this Sep 4, 2023
package.json Outdated
"dependencies": {
"@emotion/react": "^11.11.1",
"@emotion/styled": "^11.11.0",
"@mui/joy": "^5.0.0-beta.3"
Copy link

Choose a reason for hiding this comment

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

@ahmedasad236 please remove unused packages

import WrappingBox from "components/WrappingBox"
import { useState } from "react"

export type field = {
Copy link

Choose a reason for hiding this comment

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

good to define types, if we have defined a lot of types, can move them into separate file.
Automatisch already did that, check this path "/packages/types/index.d.ts"


function TagNumber({text}:TagNumberProps) {
return (
<Box sx={{width: '10%', mr: '1rem', borderRadius: '100px', backgroundColor:'#001F52', color: '#fff', textAlign: 'center', p: 1, fontSize: '14px', fontWeight: '500'}}>{text}</Box>
Copy link

Choose a reason for hiding this comment

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

instead of making separate components for just adding styles, we can define a class with these styles and just use it in the class attribute.

Copy link

Choose a reason for hiding this comment

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

this is for tagNumber and wrapping box as well.

Copy link
Author

Choose a reason for hiding this comment

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

in automatisch they do not use CSS as separated files.
So, I used this approach.
But no problem, I will do this


const form = useForm<field>();
const { register, getValues } = form;

Copy link

Choose a reason for hiding this comment

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

why we're not using this instead of fieldState?

@a-asmaa a-asmaa self-requested a review September 5, 2023 14:15
@ahmedasad236 ahmedasad236 force-pushed the feature/5/new_integration_authentication branch from 47fcf0f to 3fe8514 Compare September 10, 2023 11:46
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
Status: Done
Development

Successfully merging this pull request may close these issues.

2 participants