NB-Public/jitsi-meet-electron
13
0
Fork 0
mirror of https://github.com/netzbegruenung/jitsi-meet-electron.git synced 2024-05-02 08:44:52 +02:00
Code Issues Projects Releases Wiki Activity

Make the conference title stand out in the recent list

Browse source
This commit is contained in:
Saúl Ibarra Corretgé 2018-07-27 10:21:11 +02:00
parent cab287ab32
commit 56e0588efc
3 changed files with 17 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
app/features/recent-list/components/RecentList.js
View file

@ -6,7 +6,12 @@ import { connect } from 'react-redux';
import type { Dispatch } from 'redux'; import type { Dispatch } from 'redux';
import { push } from 'react-router-redux'; import { push } from 'react-router-redux';
import { ConferenceCard, RecentListContainer, TruncatedText } from '../styled'; import {
ConferenceCard,
ConferenceTitle,
RecentListContainer,
TruncatedText
} from '../styled';
import type { RecentListItem } from '../types'; import type { RecentListItem } from '../types';
type Props = { type Props = {
@ -64,9 +69,9 @@ class RecentList extends Component<Props, *> {
<ConferenceCard <ConferenceCard
key = { conference.startTime } key = { conference.startTime }
onClick = { this._onNavigateToConference(conference) }> onClick = { this._onNavigateToConference(conference) }>
<TruncatedText> <ConferenceTitle>
{ conference.room } { conference.room }
</TruncatedText> </ConferenceTitle>
<TruncatedText> <TruncatedText>
{ this._renderServerURL(conference.serverURL) } { this._renderServerURL(conference.serverURL) }
</TruncatedText> </TruncatedText>

8
app/features/recent-list/styled/ConferenceTitle.js Normal file
View file

@ -0,0 +1,8 @@
// @flow
import { default as TruncatedText } from './TruncatedText';
export default TruncatedText.extend`
font-size: 1.1em;
font-weight: bold;
`;

1
app/features/recent-list/styled/index.js
View file

@ -1,3 +1,4 @@
export { default as ConferenceCard } from './ConferenceCard'; export { default as ConferenceCard } from './ConferenceCard';
export { default as ConferenceTitle } from './ConferenceTitle';
export { default as RecentListContainer } from './RecentListContainer'; export { default as RecentListContainer } from './RecentListContainer';
export { default as TruncatedText } from './TruncatedText'; export { default as TruncatedText } from './TruncatedText';