@ -34,6 +34,7 @@ function truncateSummary(text: string, level: number): string {
/** Renders a single news article with its title (linked) and summary. */
/** Renders a single news article with its title (linked) and summary. */
const NewsItemCard : Component < { item : NewsItemType ; displayLevel : number } > = ( props ) = > {
const NewsItemCard : Component < { item : NewsItemType ; displayLevel : number } > = ( props ) = > {
const { t } = useI18n ( ) ;
const [ expanded , setExpanded ] = createSignal ( false ) ;
const [ expanded , setExpanded ] = createSignal ( false ) ;
const effectiveLevel = ( ) = > expanded ( ) ? 4 : props.displayLevel ;
const effectiveLevel = ( ) = > expanded ( ) ? 4 : props.displayLevel ;
@ -71,7 +72,7 @@ const NewsItemCard: Component<{ item: NewsItemType; displayLevel: number }> = (p
onClick = { ( ) = > setExpanded ( true ) }
onClick = { ( ) = > setExpanded ( true ) }
class = "mt-2 text-xs text-indigo-600 hover:text-indigo-800 font-medium"
class = "mt-2 text-xs text-indigo-600 hover:text-indigo-800 font-medium"
>
>
Lire la suite & darr ;
{ t ( 'synthesis.readMore' ) } & darr ;
< / button >
< / button >
< / Show >
< / Show >
< Show when = { expanded ( ) && props . displayLevel < 4 } >
< Show when = { expanded ( ) && props . displayLevel < 4 } >
@ -79,7 +80,7 @@ const NewsItemCard: Component<{ item: NewsItemType; displayLevel: number }> = (p
onClick = { ( ) = > setExpanded ( false ) }
onClick = { ( ) = > setExpanded ( false ) }
class = "mt-2 text-xs text-indigo-600 hover:text-indigo-800 font-medium"
class = "mt-2 text-xs text-indigo-600 hover:text-indigo-800 font-medium"
>
>
Reduire & uarr ;
{ t ( 'synthesis.collapse' ) } & uarr ;
< / button >
< / button >
< / Show >
< / Show >
< / div >
< / div >