---
# System prepended metadata

title: 'social-feed review https://github.com/TERITORI/teritori-dapp/pull/318'

---

# social-feed review https://github.com/TERITORI/teritori-dapp/pull/318
___
Local env, and https://deploy-preview-318--testitori.netlify.app
https://github.com/TERITORI/teritori-dapp/pull/318

----


## RESOLVED

✔️**gif, audio, video and emojis in rich text...**
===> Will need an enhancement


✔️ **matches mention, url, hashtags are not set correctly**
![](https://i.imgur.com/O7poYwV.png)


**✔️** **Need more lineHeight for rich text titles** 
![](https://i.imgur.com/O6k4Vex.png)

✔️ **Add these buttons on Article creation screen :**
![](https://i.imgur.com/pO7giws.png)

**✔️ Upload files within our backend**
==> Pinata API used for now. Later : NFT Storage UCAN ?

**✔️** **In `feed/new`, the message content is in URL. So, when we reload, we get the same message content, not the written one. The use loss his modifs**
==> For now, we will remove the Post's stuff from the URL. Will see later to persist the Post/Article data through the navigation

**✔️ Unexpected black `"0"` under TextContent sometimes**
Example : https://deploy-preview-318--testitori.netlify.app/feed/post/78d5ff82-e29e-42ef-abdb-47dc77e907dd

**✔️** **Audio player too big**

**✔️** **Remove Open the threads button**
====> The bar needs a refactor

**✔️** **No preview image for Cover Image**

**✔️** **Accept only images**
![](https://i.imgur.com/s1jmo1Q.png)

**✔️** **Refresh feed button sticked if window smaller than 768**
====> Need strategy in NewsFeed (Don't want to break animationStyle)

**✔️** **(sometimes) I must accept 2 TX to publish. So, it publishes 2 messages**

**✔️** **Reply lines are too thick**
![](https://i.imgur.com/iLO9gfX.png)

**✔️** **Too many emojis makes overflowing**
![](https://i.imgur.com/6aZyi6E.png)

**✔️** **Display directly the rich text buttons**, since "Add more" juste toggles these buttons for now. (Or maybe scroll at the end of the message when set `isAddMoreVisible` to `true`)
**✔️** **Make the Rich Text bar like this and stick it**
![](https://i.imgur.com/KBFzxoZ.png)
===> Need to change the DOM level of RichText..

**✔️** **Need cursor pointer on rich text buttons**

**✔️** **Replies shows whole text, but not posts**
_Post more than 2500 chars_
![](https://i.imgur.com/0d0U6IM.png)
_Reply more than 2500 chars_
![](https://i.imgur.com/f4f8CiZ.png)

**✔️** **Style this** ![](https://i.imgur.com/L9rWYtJ.png)

**✔️** **Hashtags from Article doesnt appear** 
**✔️** **Mentions from Article doesnt appear**

**✔️** **The `AvatarWithFrame` seems shifted**
![](https://i.imgur.com/dIZk2z1.png)
**✔️Same in UPP** (`/user/tori-tori1c4a8e6lc9uuaeqmlsw6gyyxpvun5pjagfs7p5h`) 
![](https://i.imgur.com/5UUHAHD.png)
**✔️On zoom 150% (Chrome), `AvatarWithFrame` has image in circle**
![](https://i.imgur.com/NZdQCwN.png)

**✔️** **Add switch button from `/feed`. Block the input at 2500 chars. Remove "auto switching to `/feed/new`".**

**✔️ If Comment, just block at 2500 chars**

**✔️Add all tools from `/feed` to `/feed/new`".**

**✔️ no api key asked if no file uploaded**

**✔️ allow to publish media with no text**

**✔️ Floating button to open modal and write short post**

**✔️ Wrong Hashtag posts list, all posts are displayed on `feed/hashtag/XXX`**

**✔️ After clicking on `TipButton`, closing the `SendFundModal` by clicking outside triggers click on the `NewsThreadCard`**

**✔️ Change layout like this**
![](https://i.imgur.com/asrxG6S.png)

**✔️ Long post title mandatory**
**✔️ Avatar image round everywhere**

✔️ **remove modal NFT storage api key and use my key** 
✔️ **Disabled "Governance" tab**

✔️ **display correct tabs posts**
===> Need backend

✔️ **add reply btn to parent card in post view**

✔️ **Loop fetch and lag on `/profile/XXXX`**

**✔️ Add a nav button to go back to the parent post**

✔️**hash page : post message = add hshtag automatically**
✔️**user's feed : post message = add user's mention automatically**

✔️**fix UPP and SPP reachable with anything in URL**
✔️**fix Everything with "@" is mentionned**
===> Only bech32 addresses and TNS TokenId will be appear as a mention

✔️ **Articles : Btns insertion on bottom. Btns text style on floating**

✔️ **Click on hyperlink, mentions, hashtags opens the thread**


___ 
## DRAFT 

Créer une Mention lors de la rédaction d'un post :
- En écrivant une User address : torisufbiufboazfalizbvoazv
- En écrivant un TNS token id
- En écrivant sur un UPP (Insérée à la fin)

(Code) Ajouter une mention à la création d'un post :
- En ajoutant un "@mentionblabla" dans l'array `mentions`

(Code) Mentions reconnues (MentionRendered) :
- Wallet address valide
- TNS Token ID valide

Créer un Hashtag lors de la rédaction d'un post :
- En écrivant "#hashtagblabla

(Code) Ajouter un hashtag à la création d'un post :
- En ajoutant un "#hashtagblabla" dans l'array `hashtags`

(Code) Hashtags reconnus (HashtagRendered) :
- Tout ce qui commence par un hashtag


___

- (Code) Filtrer par user :
`user:` userId
- (Code) Filtrer par categories :
`categories:` `[number, number, ...]`
- (Code) Filtrer par mentions :
`mentions:` `[userId, userId, ...]`
- (Code) Filtrer par hashtags :
`hashtags:` `["#blabla", "#blabla", ...]`
___
- Create a new post on `user/testori-tori1c4a8e6lc9uuaeqmlsw6gyyxpvun5pjagfs7p5h`. Ensure the message then contains `@dadidou.tori` at the end.

- Create a new post on `user/testori-tori1ne7dfa8ldt4fqc5havv4g8yu0t2m20twvvsjqv`. Ensure the message then contains `@tori1ne7dfa8ldt4fqc5havv4g8yu0t2m20twvvsjqv` at the end.

- Got to `user/testori-tori1c4a8e6lc9uuaeqmlsw6gyyxpvun5pjagfs7p5h`. Ensure that only the posts with written `@dadidou.tori` or `@tori1c4a8e6lc9uuaeqmlsw6gyyxpvun5pjagfs7p5h` appear

- Go to your User Profile and create a new post. Ensure the post appear.
Issue to fix : Only posts created by the user's UPP appear on UPP ===> We want user's post and user'mentioned's posts
___