@ -232,7 +232,7 @@ const StatusActionBar: React.FC<IStatusActionBar> = ({
dispatch ( deleteStatus ( status . id , withRedraft ) ) ;
} else {
dispatch ( openModal ( 'CONFIRM' , {
icon : withRedraft ? require ( '@tabler/icons/ edit.svg') : require ( '@tabler/icons /trash.svg') ,
icon : withRedraft ? require ( '@tabler/icons/ outline/ edit.svg') : require ( '@tabler/icons /outline /trash.svg') ,
heading : intl.formatMessage ( withRedraft ? messages.redraftHeading : messages.deleteHeading ) ,
message : intl.formatMessage ( withRedraft ? messages.redraftMessage : messages.deleteMessage ) ,
confirm : intl.formatMessage ( withRedraft ? messages.redraftConfirm : messages.deleteConfirm ) ,
@ -313,7 +313,7 @@ const StatusActionBar: React.FC<IStatusActionBar> = ({
const account = status . account ;
dispatch ( openModal ( 'CONFIRM' , {
icon : require ( '@tabler/icons/ ban.svg') ,
icon : require ( '@tabler/icons/ outline/ ban.svg') ,
heading : < FormattedMessage id = 'confirmations.block.heading' defaultMessage = 'Block @{name}' values = { { name : account.acct } } / > ,
message : < FormattedMessage id = 'confirmations.block.message' defaultMessage = 'Are you sure you want to block {name}?' values = { { name : < strong className = 'break-words' > @ { account . acct } < / strong > } } / > ,
confirm : intl.formatMessage ( messages . blockConfirm ) ,
@ -409,7 +409,7 @@ const StatusActionBar: React.FC<IStatusActionBar> = ({
menu . push ( {
text : intl.formatMessage ( messages . open ) ,
action : handleOpen ,
icon : require ( '@tabler/icons/ arrows-vertical.svg') ,
icon : require ( '@tabler/icons/ outline/ arrows-vertical.svg') ,
} ) ;
}
@ -417,14 +417,14 @@ const StatusActionBar: React.FC<IStatusActionBar> = ({
menu . push ( {
text : intl.formatMessage ( messages . copy ) ,
action : handleCopy ,
icon : require ( '@tabler/icons/ clipboard-copy.svg') ,
icon : require ( '@tabler/icons/ outline/ clipboard-copy.svg') ,
} ) ;
if ( features . embeds && account . local ) {
menu . push ( {
text : intl.formatMessage ( messages . embed ) ,
action : handleEmbed ,
icon : require ( '@tabler/icons/ share.svg') ,
icon : require ( '@tabler/icons/ outline/ share.svg') ,
} ) ;
}
}
@ -441,7 +441,7 @@ const StatusActionBar: React.FC<IStatusActionBar> = ({
menu . push ( {
text : intl.formatMessage ( status . pinned ? messages.unpinFromGroup : messages.pinToGroup ) ,
action : handleGroupPinClick ,
icon : status.pinned ? require ( '@tabler/icons/ pinned-off.svg') : require ( '@tabler/icons /pin.svg') ,
icon : status.pinned ? require ( '@tabler/icons/ outline/ pinned-off.svg') : require ( '@tabler/icons /outline /pin.svg') ,
} ) ;
}
}
@ -450,7 +450,7 @@ const StatusActionBar: React.FC<IStatusActionBar> = ({
menu . push ( {
text : intl.formatMessage ( status . bookmarked ? messages.unbookmark : messages.bookmark ) ,
action : handleBookmarkClick ,
icon : status.bookmarked ? require ( '@tabler/icons/ bookmark-off.svg') : require ( '@tabler/icons /bookmark.svg') ,
icon : status.bookmarked ? require ( '@tabler/icons/ outline/ bookmark-off.svg') : require ( '@tabler/icons /outline /bookmark.svg') ,
} ) ;
}
@ -458,7 +458,7 @@ const StatusActionBar: React.FC<IStatusActionBar> = ({
menu . push ( {
text : intl.formatMessage ( messages . external , { domain } ) ,
action : handleExternalClick ,
icon : require ( '@tabler/icons/ external-link.svg') ,
icon : require ( '@tabler/icons/ outline/ external-link.svg') ,
} ) ;
}
@ -467,7 +467,7 @@ const StatusActionBar: React.FC<IStatusActionBar> = ({
menu . push ( {
text : intl.formatMessage ( mutingConversation ? messages.unmuteConversation : messages.muteConversation ) ,
action : handleConversationMuteClick ,
icon : mutingConversation ? require ( '@tabler/icons/ bell.svg') : require ( '@tabler/icons /bell-off.svg') ,
icon : mutingConversation ? require ( '@tabler/icons/ outline/ bell.svg') : require ( '@tabler/icons /outline /bell-off.svg') ,
} ) ;
menu . push ( null ) ;
@ -477,14 +477,14 @@ const StatusActionBar: React.FC<IStatusActionBar> = ({
menu . push ( {
text : intl.formatMessage ( status . pinned ? messages.unpin : messages.pin ) ,
action : handlePinClick ,
icon : status.pinned ? require ( '@tabler/icons/ pinned-off.svg') : require ( '@tabler/icons /pin.svg') ,
icon : status.pinned ? require ( '@tabler/icons/ outline/ pinned-off.svg') : require ( '@tabler/icons /outline /pin.svg') ,
} ) ;
} else {
if ( status . visibility === 'private' ) {
menu . push ( {
text : intl.formatMessage ( status . reblogged ? messages.cancel_reblog_private : messages.reblog_private ) ,
action : handleReblogClick ,
icon : require ( '@tabler/icons/ repeat.svg') ,
icon : require ( '@tabler/icons/ outline/ repeat.svg') ,
} ) ;
}
}
@ -492,20 +492,20 @@ const StatusActionBar: React.FC<IStatusActionBar> = ({
menu . push ( {
text : intl.formatMessage ( messages . delete ) ,
action : handleDeleteClick ,
icon : require ( '@tabler/icons/ trash.svg') ,
icon : require ( '@tabler/icons/ outline/ trash.svg') ,
destructive : true ,
} ) ;
if ( features . editStatuses ) {
menu . push ( {
text : intl.formatMessage ( messages . edit ) ,
action : handleEditClick ,
icon : require ( '@tabler/icons/ edit.svg') ,
icon : require ( '@tabler/icons/ outline/ edit.svg') ,
} ) ;
} else {
menu . push ( {
text : intl.formatMessage ( messages . redraft ) ,
action : handleRedraftClick ,
icon : require ( '@tabler/icons/ edit.svg') ,
icon : require ( '@tabler/icons/ outline/ edit.svg') ,
destructive : true ,
} ) ;
}
@ -513,20 +513,20 @@ const StatusActionBar: React.FC<IStatusActionBar> = ({
menu . push ( {
text : intl.formatMessage ( messages . mention , { name : username } ) ,
action : handleMentionClick ,
icon : require ( '@tabler/icons/ at.svg') ,
icon : require ( '@tabler/icons/ outline/ at.svg') ,
} ) ;
if ( status . account . pleroma ? . accepts_chat_messages === true ) {
menu . push ( {
text : intl.formatMessage ( messages . chat , { name : username } ) ,
action : handleChatClick ,
icon : require ( '@tabler/icons/ messages.svg') ,
icon : require ( '@tabler/icons/ outline/ messages.svg') ,
} ) ;
} else if ( features . privacyScopes ) {
menu . push ( {
text : intl.formatMessage ( messages . direct , { name : username } ) ,
action : handleDirectClick ,
icon : require ( '@tabler/icons/ mail.svg') ,
icon : require ( '@tabler/icons/ outline/ mail.svg') ,
} ) ;
}
@ -534,7 +534,7 @@ const StatusActionBar: React.FC<IStatusActionBar> = ({
if ( features . groupsMuting && status . group ) {
menu . push ( {
text : isMutingGroup ? intl . formatMessage ( messages . unmuteGroup ) : intl . formatMessage ( messages . muteGroup ) ,
icon : require ( '@tabler/icons/ volume-3.svg') ,
icon : require ( '@tabler/icons/ outline/ volume-3.svg') ,
action : isMutingGroup ? handleUnmuteGroupClick : handleMuteGroupClick ,
} ) ;
menu . push ( null ) ;
@ -543,17 +543,17 @@ const StatusActionBar: React.FC<IStatusActionBar> = ({
menu . push ( {
text : intl.formatMessage ( messages . mute , { name : username } ) ,
action : handleMuteClick ,
icon : require ( '@tabler/icons/ volume-3.svg') ,
icon : require ( '@tabler/icons/ outline/ volume-3.svg') ,
} ) ;
menu . push ( {
text : intl.formatMessage ( messages . block , { name : username } ) ,
action : handleBlockClick ,
icon : require ( '@tabler/icons/ ban.svg') ,
icon : require ( '@tabler/icons/ outline/ ban.svg') ,
} ) ;
menu . push ( {
text : intl.formatMessage ( messages . report , { name : username } ) ,
action : handleReport ,
icon : require ( '@tabler/icons/ flag.svg') ,
icon : require ( '@tabler/icons/ outline/ flag.svg') ,
} ) ;
}
@ -575,7 +575,7 @@ const StatusActionBar: React.FC<IStatusActionBar> = ({
menu . push ( {
text : 'Ban from Group' ,
action : handleBlockFromGroup ,
icon : require ( '@tabler/icons/ ban.svg') ,
icon : require ( '@tabler/icons/ outline/ ban.svg') ,
destructive : true ,
} ) ;
}
@ -584,7 +584,7 @@ const StatusActionBar: React.FC<IStatusActionBar> = ({
menu . push ( {
text : intl.formatMessage ( messages . groupModDelete ) ,
action : handleDeleteFromGroup ,
icon : require ( '@tabler/icons/ trash.svg') ,
icon : require ( '@tabler/icons/ outline/ trash.svg') ,
destructive : true ,
} ) ;
}
@ -596,28 +596,28 @@ const StatusActionBar: React.FC<IStatusActionBar> = ({
menu . push ( {
text : intl.formatMessage ( messages . adminAccount , { name : username } ) ,
action : onModerate ,
icon : require ( '@tabler/icons/ gavel.svg') ,
icon : require ( '@tabler/icons/ outline/ gavel.svg') ,
} ) ;
if ( isAdmin ) {
menu . push ( {
text : intl.formatMessage ( messages . admin_status ) ,
href : ` /pleroma/admin/#/statuses/ ${ status . id } / ` ,
icon : require ( '@tabler/icons/ pencil.svg') ,
icon : require ( '@tabler/icons/ outline/ pencil.svg') ,
} ) ;
}
menu . push ( {
text : intl.formatMessage ( status . sensitive === false ? messages.markStatusSensitive : messages.markStatusNotSensitive ) ,
action : handleToggleStatusSensitivity ,
icon : require ( '@tabler/icons/ alert-triangle.svg') ,
icon : require ( '@tabler/icons/ outline/ alert-triangle.svg') ,
} ) ;
if ( ! ownAccount ) {
menu . push ( {
text : intl.formatMessage ( messages . deleteStatus ) ,
action : handleDeleteStatus ,
icon : require ( '@tabler/icons/ trash.svg') ,
icon : require ( '@tabler/icons/ outline/ trash.svg') ,
destructive : true ,
} ) ;
}
@ -655,14 +655,14 @@ const StatusActionBar: React.FC<IStatusActionBar> = ({
const meEmojiTitle = intl . formatMessage ( reactMessages [ meEmojiName || '' ] || messages . favourite ) ;
const menu = _makeMenu ( publicStatus ) ;
let reblogIcon = require ( '@tabler/icons/ repeat.svg') ;
let reblogIcon = require ( '@tabler/icons/ outline/ repeat.svg') ;
let replyTitle ;
let replyDisabled = false ;
if ( status . visibility === 'direct' ) {
reblogIcon = require ( '@tabler/icons/ mail.svg') ;
reblogIcon = require ( '@tabler/icons/ outline/ mail.svg') ;
} else if ( status . visibility === 'private' ) {
reblogIcon = require ( '@tabler/icons/ lock.svg') ;
reblogIcon = require ( '@tabler/icons/ outline/ lock.svg') ;
}
if ( ( status . group as Group ) ? . membership_required && ! groupRelationship ? . member ) {
@ -673,11 +673,11 @@ const StatusActionBar: React.FC<IStatusActionBar> = ({
const reblogMenu = [ {
text : intl.formatMessage ( status . reblogged ? messages.cancel_reblog_private : messages.reblog ) ,
action : handleReblogClick ,
icon : require ( '@tabler/icons/ repeat.svg') ,
icon : require ( '@tabler/icons/ outline/ repeat.svg') ,
} , {
text : intl.formatMessage ( messages . quotePost ) ,
action : handleQuoteClick ,
icon : require ( '@tabler/icons/ quote.svg') ,
icon : require ( '@tabler/icons/ outline/ quote.svg') ,
} ] ;
const reblogButton = (
@ -726,7 +726,7 @@ const StatusActionBar: React.FC<IStatusActionBar> = ({
>
< StatusActionButton
title = { replyTitle }
icon = { require ( '@tabler/icons/ message-circle-2.svg') }
icon = { require ( '@tabler/icons/ outline/ message-circle-2.svg') }
onClick = { handleReplyClick }
count = { replyCount }
text = { withLabels ? intl . formatMessage ( messages . reply ) : undefined }
@ -751,7 +751,7 @@ const StatusActionBar: React.FC<IStatusActionBar> = ({
< StatusReactionWrapper statusId = { status . id } >
< StatusActionButton
title = { meEmojiTitle }
icon = { require ( '@tabler/icons/ heart.svg') }
icon = { require ( '@tabler/icons/ outline/ heart.svg') }
filled
color = 'accent'
active = { Boolean ( meEmojiName ) }
@ -764,7 +764,7 @@ const StatusActionBar: React.FC<IStatusActionBar> = ({
) : (
< StatusActionButton
title = { intl . formatMessage ( messages . favourite ) }
icon = { features . dislikes ? require ( '@tabler/icons/ thumb-up.svg') : require ( '@tabler/icons /heart.svg') }
icon = { features . dislikes ? require ( '@tabler/icons/ outline/ thumb-up.svg') : require ( '@tabler/icons /outline /heart.svg') }
color = 'accent'
filled
onClick = { handleFavouriteClick }
@ -778,7 +778,7 @@ const StatusActionBar: React.FC<IStatusActionBar> = ({
{ features . dislikes && (
< StatusActionButton
title = { intl . formatMessage ( messages . disfavourite ) }
icon = { require ( '@tabler/icons/ thumb-down.svg') }
icon = { require ( '@tabler/icons/ outline/ thumb-down.svg') }
color = 'accent'
filled
onClick = { handleDislikeClick }
@ -792,7 +792,7 @@ const StatusActionBar: React.FC<IStatusActionBar> = ({
{ ( acceptsZaps && window . webln ) && (
< StatusActionButton
title = { intl . formatMessage ( messages . zap ) }
icon = { require ( '@tabler/icons/ bolt.svg') }
icon = { require ( '@tabler/icons/ outline/ bolt.svg') }
color = 'accent'
filled
onClick = { handleZapClick }
@ -805,7 +805,7 @@ const StatusActionBar: React.FC<IStatusActionBar> = ({
{ canShare && (
< StatusActionButton
title = { intl . formatMessage ( messages . share ) }
icon = { require ( '@tabler/icons/ upload.svg') }
icon = { require ( '@tabler/icons/ outline/ upload.svg') }
onClick = { handleShareClick }
theme = { statusActionButtonTheme }
/ >
@ -814,7 +814,7 @@ const StatusActionBar: React.FC<IStatusActionBar> = ({
< DropdownMenu items = { menu } status = { status } >
< StatusActionButton
title = { intl . formatMessage ( messages . more ) }
icon = { require ( '@tabler/icons/ dots.svg') }
icon = { require ( '@tabler/icons/ outline/ dots.svg') }
theme = { statusActionButtonTheme }
/ >
< / DropdownMenu >