add translate icon to stoybook
modified: app/containers/message/Message.stories.tsx
This commit is contained in:
parent
ba11b948e7
commit
afa897ea16
|
@ -127,6 +127,13 @@ export const Edited = () => (
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
|
|
||||||
|
export const Translated = () => (
|
||||||
|
<>
|
||||||
|
<Message msg='Message header' isTranslated />
|
||||||
|
<Message msg='Message without header' isTranslated isHeader={false} />
|
||||||
|
</>
|
||||||
|
);
|
||||||
|
|
||||||
export const Encrypted = () => (
|
export const Encrypted = () => (
|
||||||
<>
|
<>
|
||||||
<Message msg='Message' type='e2e' />
|
<Message msg='Message' type='e2e' />
|
||||||
|
@ -939,6 +946,7 @@ export const LongNameUser = () => (
|
||||||
<>
|
<>
|
||||||
<Message msg={'this is a normal message'} author={longNameAuthor} />
|
<Message msg={'this is a normal message'} author={longNameAuthor} />
|
||||||
<Message msg={'Edited message'} author={longNameAuthor} isEdited />
|
<Message msg={'Edited message'} author={longNameAuthor} isEdited />
|
||||||
|
<Message msg={'Translated message'} author={longNameAuthor} isTranslated />
|
||||||
<Message msg={'Encrypted message'} author={longNameAuthor} type={E2E_MESSAGE_TYPE} />
|
<Message msg={'Encrypted message'} author={longNameAuthor} type={E2E_MESSAGE_TYPE} />
|
||||||
<Message msg={'Error message'} author={longNameAuthor} hasError />
|
<Message msg={'Error message'} author={longNameAuthor} hasError />
|
||||||
<Message msg={'Message with read receipt'} author={longNameAuthor} isReadReceiptEnabled read />
|
<Message msg={'Message with read receipt'} author={longNameAuthor} isReadReceiptEnabled read />
|
||||||
|
@ -947,6 +955,7 @@ export const LongNameUser = () => (
|
||||||
msg={'Show all icons '}
|
msg={'Show all icons '}
|
||||||
author={longNameAuthor}
|
author={longNameAuthor}
|
||||||
isEdited
|
isEdited
|
||||||
|
isTranslated
|
||||||
type={E2E_MESSAGE_TYPE}
|
type={E2E_MESSAGE_TYPE}
|
||||||
hasError
|
hasError
|
||||||
isReadReceiptEnabled
|
isReadReceiptEnabled
|
||||||
|
@ -958,6 +967,7 @@ export const LongNameUser = () => (
|
||||||
author={longNameAuthor}
|
author={longNameAuthor}
|
||||||
isHeader={false}
|
isHeader={false}
|
||||||
isEdited
|
isEdited
|
||||||
|
isTranslated
|
||||||
type={E2E_MESSAGE_TYPE}
|
type={E2E_MESSAGE_TYPE}
|
||||||
hasError
|
hasError
|
||||||
isReadReceiptEnabled
|
isReadReceiptEnabled
|
||||||
|
@ -969,6 +979,7 @@ export const LongNameUser = () => (
|
||||||
author={longNameAuthor}
|
author={longNameAuthor}
|
||||||
isHeader={false}
|
isHeader={false}
|
||||||
isEdited
|
isEdited
|
||||||
|
isTranslated
|
||||||
type={E2E_MESSAGE_TYPE}
|
type={E2E_MESSAGE_TYPE}
|
||||||
hasError
|
hasError
|
||||||
isReadReceiptEnabled
|
isReadReceiptEnabled
|
||||||
|
|
Loading…
Reference in New Issue