# 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 ___