Pavel b88f7e73da
[website] Add documentation (#403)
* setup md/mdx

* add test page

* setup mdx provider

* Add breadcrumbs

* links -> routes

* add information box

* add more remark plugins

* text InformationBox

* setup contentlayer

* add testing docs folder

* setup docs static generation

* add ssg to blog too

* add Shortcut component

* add SearchButton

* add hook for keyboard shortcuts

* update main docs page

* update main learn page content

* side-bar -> sidebar-menu

* rename docs pages

* add heading anchors, use new components

* add table of contents to docs

* move styling to breadcrumbs

* cleanup markdown examples

* change slugify fn

* update getting-started.md

* add highlight matches component

* update learn pages

* rename website InformationBox to Admonition

* ?enable user-select

* add static helpers to epics

* simplify components structure

* update insights layout

* add link tree utils

* add search engine

* update docs import

* update contenlayer

* add docs indexer

* support code block highlighting

* search index

* fix types

* remove supporting files

* update tree builder

* make build work

* update docs

* update label

* update toc

* add config.json

* update menu

* search index import

* learn -> help

* fix md file

* update toc

* fix code snippets

* add help index route

* remove testing files

* add original docs

* migrate getting started

* migrate messaging-and-web3-browser docs

* migrate network-nodes-and-statistics docs

* handle empty content

* add navigation config

* wip

* migrate status-wallet docs

* migrate to new admonitions format

* migrate your-profile-and-preferences docs

* migrate part of status-communities docs

* mv

* rm log

* index

* fix lint

* fix warn

* fix title

* fix docs layout

* udpate next.config

* use lowercase lang

* generate contentlayer types before typechecking

* update docs images

* update help routes

---------

Co-authored-by: Felicio Mununga <felicio@users.noreply.github.com>
2023-06-27 21:30:11 +01:00

52 lines
2.2 KiB
Markdown

---
id: 239
revision: '0'
language: en
title: Send GIFs and stickers
---
Animated GIFs and stickers are a popular way of expressing emotions, reactions and humour in messaging apps. GIFs are short, looping animated videos of a few seconds in length, while stickers are static or animated images.
The Status app uses the [Tenor GIF :octicons-tab-external-16:][tenor] search engine and database for GIFs. You can also share GIFs from other sources by sending a message with the GIF URL.
You can add more stickers to default sticker sets in Status, or share a sticker set with someone. See [Add, remove or share sticker sets][add-remove-or-share-sticker-sets].
:::info
To show the GIF preview and not its URL, [enable rich link previews][enable-rich-link-previews-in-messages] in messages.
:::
## Send GIFs
=== "Mobile"
1. Open the channel or chat where you want to share the GIF.
1. In the message area, tap :mobile-placeholder: **React**.
1. Tap :mobile-GIFs: **GIF**. The first time you send a GIF, you need to **Enable** the service.
1. Search or choose the GIF you want to share. The GIF is sent immediately.
=== "Desktop"
1. Open the channel or chat where you want to share the GIF.
1. In the message area, click :desktop-GIFs: **GIF**. The first time you send a GIF, you need to **Enable** the service.
1. Search or choose the GIF you want to share. The GIF is sent immediately.
1. Optionally, hover over the GIF in the preview window and click the :desktop-favourite: **Star** icon to save it as a favourite.
:::tip
If you want to add a message to your GIF, write the text before selecting the GIF.
:::
## Send stickers
=== "Mobile"
1. Open the channel or chat where you want to share the sticker.
1. In the message area, tap :mobile-placeholder: **React**.
1. Tap :mobile-sticker: **Sticker**.
1. From your list of stickers, tap the sticker you want to send. The sticker is sent immediately.
=== "Desktop"
1. Open the channel or chat where you want to share the sticker.
1. Click :desktop-sticker: **Sticker**. If you don't have stickers, you need to **Get stickers**.
1. Choose the sticker you want to share. The sticker is sent immediately.