[feature] set icons for lists

This commit is contained in:
Zoë Bijl
2025-10-04 20:34:17 +02:00
parent 004404dc83
commit 82cc610ab7
5 changed files with 7 additions and 7 deletions
@@ -168,7 +168,7 @@ class GettingStarted extends ImmutablePureComponent {
<div key='9'> <div key='9'>
<ColumnLink key='lists' icon='list' text={intl.formatMessage(messages.lists)} to='/lists' /> <ColumnLink key='lists' icon='list' text={intl.formatMessage(messages.lists)} to='/lists' />
{lists.filter(list => !columns.find(item => item.get('id') === 'LIST' && item.getIn(['params', 'id']) === list.get('id'))).map(list => {lists.filter(list => !columns.find(item => item.get('id') === 'LIST' && item.getIn(['params', 'id']) === list.get('id'))).map(list =>
<ColumnLink key={`list-${list.get('id')}`} to={`/lists/${list.get('id')}`} icon='list-ul' text={list.get('title')} />, <ColumnLink key={`list-${list.get('id')}`} to={`/lists/${list.get('id')}`} icon='dot' text={list.get('title')} />,
)} )}
</div>, </div>,
]); ]);
@@ -55,8 +55,8 @@ class List extends ImmutablePureComponent {
<div className='list'> <div className='list'>
<div className='list__wrapper'> <div className='list__wrapper'>
<div className='list__display-name'> <div className='list__display-name'>
<Icon id='list-ul' className='column-link__icon' fixedWidth /> <Icon id='dot' className='column-link__icon' fixedWidth />
{list.get("title")} {list.get('title')}
</div> </div>
<div className='account__relationship'> <div className='account__relationship'>
@@ -181,7 +181,7 @@ class ListTimeline extends PureComponent {
return ( return (
<Column bindToDocument={!multiColumn} ref={this.setRef} label={title}> <Column bindToDocument={!multiColumn} ref={this.setRef} label={title}>
<ColumnHeader <ColumnHeader
icon='list-ul' icon='dot'
active={hasUnread} active={hasUnread}
title={title} title={title}
onPin={this.handlePin} onPin={this.handlePin}
@@ -64,7 +64,7 @@ class Lists extends ImmutablePureComponent {
const emptyMessage = <FormattedMessage id='empty_column.lists' defaultMessage="You don't have any lists yet. When you create one, it will show up here." />; const emptyMessage = <FormattedMessage id='empty_column.lists' defaultMessage="You don't have any lists yet. When you create one, it will show up here." />;
return ( return (
<Column bindToDocument={!multiColumn} icon='bars' heading={intl.formatMessage(messages.heading)}> <Column bindToDocument={!multiColumn} icon='list' heading={intl.formatMessage(messages.heading)}>
<ColumnBackButtonSlim /> <ColumnBackButtonSlim />
<NewListForm /> <NewListForm />
@@ -76,7 +76,7 @@ class Lists extends ImmutablePureComponent {
bindToDocument={!multiColumn} bindToDocument={!multiColumn}
> >
{lists.map(list => {lists.map(list =>
<ColumnLink key={list.get("id")} to={`/lists/${list.get("id")}`} icon='list-ul' text={list.get("title")} />, <ColumnLink key={list.get('id')} to={`/lists/${list.get('id')}`} icon='dot' text={list.get('title')} />,
)} )}
</ScrollableList> </ScrollableList>
@@ -47,7 +47,7 @@ class ListPanel extends ImmutablePureComponent {
<hr /> <hr />
{lists.map(list => ( {lists.map(list => (
<ColumnLink icon='list-ul' key={list.get("id")} strict text={list.get("title")} to={`/lists/${list.get("id")}`} transparent /> <ColumnLink icon='dot' key={list.get('id')} strict text={list.get('title')} to={`/lists/${list.get('id')}`} transparent />
))} ))}
</div> </div>
); );