feat: Login on web

app/containers/LoginServices/LoginServices.stories.tsx

@@ -8,6 +8,7 @@ import ServicesSeparator from './ServicesSeparator';
 import ButtonService from './ButtonService';
 import { type IServices } from '../../selectors/login';
 import { type TIconsName } from '../CustomIcon';
+import ServiceList from './ServiceList';
 
 const styles = StyleSheet.create({
 	serviceName: {
@@ -71,7 +72,7 @@ export const Separators = () => (
 	</>
 );
 
-export const ServiceList = () => (
+export const ServicesList = () => (
 	<>
 		{Object.values(services).map(service => {
 			const icon = `${service.name}-monochromatic` as TIconsName;
@@ -94,3 +95,31 @@ export const ServiceList = () => (
 		})}
 	</>
 );
+
+export const ServiceListCollapsed = () => {
+	return (
+		<ServiceList
+			services={services}
+			CAS_enabled={false}
+			CAS_login_url=''
+			Gitlab_URL=''
+			server='https://demo.rocket.chat'
+			collapsed={true}
+			showLoginOnWebButton={true}
+		/>
+	);
+};
+
+export const ServiceListUncollapsed = () => {
+	return (
+		<ServiceList
+			services={services}
+			CAS_enabled={false}
+			CAS_login_url=''
+			Gitlab_URL=''
+			server='https://demo.rocket.chat'
+			collapsed={false}
+			showLoginOnWebButton={true}
+		/>
+	);
+};

app/containers/LoginServices/LoginServices.test.tsx

@@ -1,4 +1,6 @@
 import { generateSnapshots } from '../../../.rnstorybook/generateSnapshots';
 import * as stories from './LoginServices.stories';
 
+jest.mock('../../lib/services/connect', () => ({}));
+
 generateSnapshots(stories);

app/containers/LoginServices/ServiceList.tsx

@@ -0,0 +1,47 @@
+import { Linking } from 'react-native';
+
+import Service from './Service';
+import Button from '../Button';
+import { type IServiceList, type IItemService } from './interfaces';
+import I18n from '../../i18n';
+
+const ServiceList = ({
+	services,
+	CAS_enabled,
+	CAS_login_url,
+	Gitlab_URL,
+	server,
+	collapsed,
+	showLoginOnWebButton
+}: IServiceList & { showLoginOnWebButton: boolean }) => {
+	const enableLoginOnWebButton = showLoginOnWebButton && (!collapsed || Object.keys(services).length <= 2);
+
+	return (
+		<>
+			{Object.values(services).map((service: IItemService, index: number) => {
+				if (index > 2 && collapsed) return null;
+
+				return (
+					<Service
+						key={service._id}
+						CAS_enabled={CAS_enabled}
+						CAS_login_url={CAS_login_url}
+						Gitlab_URL={Gitlab_URL}
+						server={server}
+						service={service}
+					/>
+				);
+			})}
+			{enableLoginOnWebButton && (
+				<Button
+					title={I18n.t('Login_on_web')}
+					onPress={() => {
+						Linking.openURL(`${server}/home?loginClient=mobile`);
+					}}
+				/>
+			)}
+		</>
+	);
+};
+
+export default ServiceList;