Hide SSO button (#24)

src/components/Page/Login/Footer.test.tsx

@@ -12,12 +12,12 @@ describe('Footer component', () => {
 		type: LoginConnectionType.BasicAuthOrToken
 	}
 
-	test('renders the default footer when type is not SSO', () => {
-		const { getByText } = render(<Footer {...defaultProps} />)
+	// test('renders the default footer when type is not SSO', () => {
+	// 	const { getByText } = render(<Footer {...defaultProps} />)
 
-		expect(getByText('Sign In')).toBeInTheDocument()
-		expect(getByText('Continue With SSO')).toBeInTheDocument()
-	})
+	// 	expect(getByText('Sign In')).toBeInTheDocument()
+	// 	expect(getByText('Continue With SSO')).toBeInTheDocument()
+	// })
 
 	test('renders the SSO footer when type is SSO', () => {
 		const { getByText } = render(<Footer {...defaultProps} type={LoginConnectionType.Sso} />)
@@ -45,13 +45,13 @@ describe('Footer component', () => {
 		expect(mockHandleConnectionType).toHaveBeenCalledWith(LoginConnectionType.BasicAuthOrToken)
 	})
 
-	test('calls handleConnectionType with LoginConnectionType.Sso when "Continue With SSO" button is clicked', () => {
-		const { getByText } = render(<Footer {...defaultProps} />)
-		const ssoButton = getByText('Continue With SSO')
+	// test('calls handleConnectionType with LoginConnectionType.Sso when "Continue With SSO" button is clicked', () => {
+	// 	const { getByText } = render(<Footer {...defaultProps} />)
+	// 	const ssoButton = getByText('Continue With SSO')
 
-		fireEvent.click(ssoButton)
+	// 	fireEvent.click(ssoButton)
 
-		expect(mockHandleConnectionType).toHaveBeenCalledTimes(1)
-		expect(mockHandleConnectionType).toHaveBeenCalledWith(LoginConnectionType.Sso)
-	})
+	// 	expect(mockHandleConnectionType).toHaveBeenCalledTimes(1)
+	// 	expect(mockHandleConnectionType).toHaveBeenCalledWith(LoginConnectionType.Sso)
+	// })
 })

src/components/Page/Login/Form.module.css

@@ -4,7 +4,6 @@
 	justify-content: center;
 	align-items: center;
 	gap: 20px;
-	margin-top: 10px;
 	margin-bottom: 0px;
 	width: 320px;
 	transition: height 0.5s ease;
@@ -60,10 +59,10 @@
 }
 
 .ssoBtn {
+	display: none;
 	color: rgb(0, 168, 252);
 	cursor: pointer;
 	font-size: x-small;
-	display: flex;
 	flex-flow: column;
 	margin-top: 10px;
 	align-items: center;

src/components/Page/Login/Form.test.tsx

@@ -136,14 +136,14 @@ describe('Form component', () => {
 		expect(mockLogin).toHaveBeenCalledTimes(1)
 	})
 
-	test('renders the form with the SSO component when connection type is SSO', () => {
-		const { getByText } = render(
-			<eventManagerContext.Provider value={mockEventManager}>
-				<Form />
-			</eventManagerContext.Provider>
-		)
-		const ssoButton = getByText('Continue With SSO')
-		fireEvent.click(ssoButton)
-		expect(getByText('Requires Artifactory version 7.63.1 or higher')).toBeInTheDocument()
-	})
+	// test('renders the form with the SSO component when connection type is SSO', () => {
+	// 	const { getByText } = render(
+	// 		<eventManagerContext.Provider value={mockEventManager}>
+	// 			<Form />
+	// 		</eventManagerContext.Provider>
+	// 	)
+	// 	const ssoButton = getByText('Continue With SSO')
+	// 	fireEvent.click(ssoButton)
+	// 	expect(getByText('Requires Artifactory version 7.63.1 or higher')).toBeInTheDocument()
+	// })
 })

src/components/Page/Login/Form.tsx

@@ -5,8 +5,8 @@ import { ISendLoginEventData, LoginConnectionType } from '../../../model/login'
 import { Password } from './Password'
 import { AccessToken } from './AccessToken'
 import { Sso } from './Sso'
-import { Footer } from './Footer'
 import { Url } from './Url'
+import { Footer } from './Footer'
 
 export function Form(): JSX.Element {
 	const ctx = useContext(eventManagerContext)

src/components/Page/Login/Login.module.css

@@ -17,7 +17,6 @@
 	justify-content: center;
 	align-items: center;
 	flex-direction: column;
-	min-height: 200px;
 }
 
 .lineText {