BigBlueButton/bigbluebutton-tablet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix text in list portals

Browse Source
This commit is contained in:
gustavo-em 2022-04-29 15:00:39 -03:00
parent 1ed60367c2
commit c3be1229cc
2 changed files with 99 additions and 103 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
react-native/app/pages/list_portals/component.tsx
View File

@ -1,6 +1,7 @@
import AsyncStorage from '@react-native-async-storage/async-storage';
import React from 'react';
import {
BlockTextWithoutPortal,
ButtonDelete,
ButtonOpen,
DivButtonDelete,
@ -160,16 +161,18 @@ export const ListPortals = ({navigation}: IListPortalsDTO) => {
/>
) : (
<>
<TextWithoutPortal>
{i18next.t('mobileApp.portals.list.empty.addFirstPortal.label')}
</TextWithoutPortal>
<TouchableOpacity onPress={() => onPressTextCreateDemoServer()}>
<TextWithoutPortal color={true}>
{i18next.t(
'mobileApp.portals.list.empty.orUseOurDemoServer.label',
)}
<BlockTextWithoutPortal>
<TextWithoutPortal>
{i18next.t('mobileApp.portals.list.empty.addFirstPortal.label')+' '}
<TextWithoutPortal onPress={() => onPressTextCreateDemoServer()} color={true}>
{i18next.t(
'mobileApp.portals.list.empty.orUseOurDemoServer.label',
)}
</TextWithoutPortal>
</TextWithoutPortal>
</TouchableOpacity>
</BlockTextWithoutPortal>
</>
)}
</WrapperListContainer>

177
react-native/app/pages/list_portals/styles.ts
View File

@ -1,124 +1,117 @@
import styled from 'styled-components/native'
import { colors } from '../../styles/colors';
import { TouchableOpacity } from 'react-native-gesture-handler';
import { SwipeListView } from 'react-native-swipe-list-view';
import styled from 'styled-components/native';
import {colors} from '../../styles/colors';
export const WrapperListContainer = styled.SafeAreaView`
background-color: ${colors.secundary};
flex: 1 ;
justify-content: center;
align-items: center;
background-color: ${colors.secundary};
flex: 1;
justify-content: center;
align-items: center;
`;
export const WrapperList = styled.FlatList`
background-color: ${colors.primary};
width: 95%;
background-color: ${colors.primary};
width: 95%;
border-radius: 10px;
`
border-radius: 10px;
`;
export const WrapperItemListText = styled.TouchableOpacity.attrs(props=>({
activeOpacity: 1
export const WrapperItemListText = styled.TouchableOpacity.attrs(props => ({
activeOpacity: 1,
}))`
width: 300px;
padding: 5px;
margin: 3% auto;
height: 80px;
background-color: ${colors.primary_light};
border-radius: 10px;
flex-direction: column;
align-items: center;
justify-content: center;
`
width: 300px;
padding: 5px;
margin: 3% auto;
height: 80px;
background-color: ${colors.primary_light};
border-radius: 10px;
flex-direction: column;
align-items: center;
justify-content: center;
`;
export const WrapperItemListView = styled.View`
display: flex;
flex: 1;
background-color: black;
display: flex;
flex: 1;
background-color: black;
padding: 10px;
justify-content: center;
align-items: center;
text-align: center;
height: 100px;
width: 200px;
`
padding: 10px;
justify-content: center;
align-items: center;
text-align: center;
height: 100px;
width: 200px;
`;
export const ItemList = styled.Text`
color: #fff;
padding: 2px;
font-size: 16px;
font-weight: ${(props)=>(props.bold ? 'bold': 'normal')};
`
color: #fff;
padding: 2px;
font-size: 16px;
font-weight: ${props => (props.bold ? 'bold' : 'normal')};
`;
export const TextItem = styled.Text`
font-size: 18px;
`
font-size: 18px;
`;
export const WrapperViewAdd = styled.View`
background-color: ${colors.primary};
margin: 70px 0px 0px 0px;
`
background-color: ${colors.primary};
margin: 70px 0px 0px 0px;
`;
export const ButtonOpen = styled.TouchableOpacity`
padding: 10px;
background-color: ${colors.primary};
width: 300px;
margin: 10px;
border-radius: 10px;
padding: 10px;
background-color: ${colors.primary};
width: 300px;
margin: 10px;
border-radius: 10px;
align-items: center;
justify-content: center;
`
align-items: center;
justify-content: center;
`;
export const TextButtonOpen = styled.Text`
color: #fff;
font-size: 20px;
font-weight: bold;
`
color: #fff;
font-size: 20px;
font-weight: bold;
`;
export const TextWithoutPortal = styled.Text`
color: ${(props)=> (props.color ? colors.primary_light: colors.primary)};
font-size: 20px;
text-align: center;
`
color: ${props => (props.color ? colors.primary_light : colors.primary)};
font-size: 20px;
text-align: center;
display: flex;
`;
export const BlockTextWithoutPortal = styled.View`
flex-direction: row;
padding: 20px;
max-width: 100%;
`;
export const ButtonDelete = styled.TouchableOpacity`
background-color: ${colors.white};
border-radius: 10px;
margin: 3% auto;
width: 100%;
height: 80px;
background-color: ${colors.white};
border-radius: 10px;
margin: 3% auto;
width: 100%;
height: 80px;
justify-content: center;
align-items: center;
justify-content: center;
align-items: center;
flex-direction: row;
`
flex-direction: row;
`;
export const DivButtonDelete = styled.View`
width: 100px;
align-items: center;
justify-content: center;
margin: 3% 0px;
align-content: center;
justify-items: center;
`
width: 100px;
align-items: center;
justify-content: center;
margin: 3% 0px;
align-content: center;
justify-items: center;
`;
export const DivDelete = styled.View`
width: 300px;
justify-content: flex-end;
align-items: flex-end;
`
width: 300px;
justify-content: flex-end;
align-items: flex-end;
`;