Update ranking introduction copy
@@ -120,22 +120,8 @@ export const RankingPage = () => {
<Heading>
<FormattedMessage id="ranking.heading" />
</Heading>
-
- <Text my={4}>
- <FormattedMessage
- id="ranking.introduction"
- values={{
- speakersNumber: getRankingStat("speakers", "speakers")
- ?.value,
- proposalNumber: getRankingStat("submissions", "submissions")
- ?.value,
- br: <br />,
- }}
- />
- </Text>
</Box>
<Box>
- <Box mb={4}>
<Select
{...select("topic")}
sx={{
@@ -150,7 +136,26 @@ export const RankingPage = () => {
))}
</Select>
</Box>
-
+ </Grid>
+ <Grid
+ gap={4}
+ sx={{
+ gridTemplateColumns: [null, "1fr 1fr"],
+ }}
+ >
+ <Box my={4}>
+ <FormattedMessage
+ id="ranking.introduction.left"
+ values={{
+ speakersNumber: getRankingStat("speakers", "speakers")?.value,
+ proposalNumber: getRankingStat("submissions", "submissions")
+ ?.value,
+ br: <br />,
+ }}
+ />
+ </Box>
+ <Box my={4}>
+ <Text mb={4}>
<FormattedMessage
id="ranking.topicComment"
values={{
@@ -158,9 +163,10 @@ export const RankingPage = () => {
name: topicStat?.name,
}}
/>
+ </Text>
+ <FormattedMessage id="ranking.introduction.right" />
</Box>
</Grid>
-
{loading && (
<Alert variant="info">
<FormattedMessage id="voting.loading" />
