Atualmente o MainComposerBase exibe o character limit de todas as redes sociais, esse é o comportamento esperado para o MainComposerBase do topo da página, mas não é oque esperamos para o MainComposerBase que aparece nas abas de redes sociais.
Precisamos que o MainComposerBase da aba de redes sociais recebe uma prop do limite de caracteres do PostMode atual da SocialMedia atual, assim exibindo o limite de caracteres da postagem em questão.
Use Case
O usuário precisa ter como saber de forma fácil e concisa o limite de caracteres do tipo de postagem na rede social que ele está. Por exemplo, se o usuário está editando um PostModeStory na SocialMediainstagram, precisamos exibir o limite de caracteres de um story no instagram para o usuário e exibir apenas esse limite, e não todos os outros existentes que não são parte do Story no Instagram.
Implementation Details
O componente que deverá receber essa prop é o MainComposerBase, que é o componente que está sendo usado no corpo do Tabber. Esse MainComposerBase deve receber um prop cuja é o limite de caracteres no postmode da rede social em questão (verifique o tipo usado hoje no limite de caracteres), quando o MainComposerBase receber a prop o componente deve renderizar apenas o limite de caracteres recebido na prop e não tentar usar a lista de redes sociais que usa por padrão no MainComposer que fica no topo da página.
Atente-se para erros, essa nova funcionalidade no MainComposerBase é como se fosse um ou lógico. Se tivermos a prop de limite de caracteres de uma rede em especifico, exibe a props, se não, exiba a lista de limite de caracteres de todas as redes sociais.
Visual Concepts
A lista limite de caracteres das redes sociais é baseado em todas as redes sociais na aplicação
Mas na parte de baixo, o limite de caracteres exibido é relativo ao tipo de postagem da rede social atual, exibindo esse limite unico no canto inferior esquerdo (no lugar do maior limite do exemplo a cima).
Describe the feature
Atualmente o
MainComposerBase
exibe o character limit de todas as redes sociais, esse é o comportamento esperado para oMainComposerBase
do topo da página, mas não é oque esperamos para oMainComposerBase
que aparece nas abas de redes sociais.Precisamos que o
MainComposerBase
da aba de redes sociais recebe umaprop
do limite de caracteres doPostMode
atual daSocialMedia
atual, assim exibindo o limite de caracteres da postagem em questão.Use Case
O usuário precisa ter como saber de forma fácil e concisa o limite de caracteres do tipo de postagem na rede social que ele está. Por exemplo, se o usuário está editando um
PostMode
Story naSocialMedia
instagram, precisamos exibir o limite de caracteres de um story no instagram para o usuário e exibir apenas esse limite, e não todos os outros existentes que não são parte do Story no Instagram.Implementation Details
O componente que deverá receber essa prop é o
MainComposerBase
, que é o componente que está sendo usado no corpo doTabber
. EsseMainComposerBase
deve receber umprop
cuja é o limite de caracteres no postmode da rede social em questão (verifique o tipo usado hoje no limite de caracteres), quando oMainComposerBase
receber aprop
o componente deve renderizar apenas o limite de caracteres recebido na prop e não tentar usar a lista de redes sociais que usa por padrão noMainComposer
que fica no topo da página.Atente-se para erros, essa nova funcionalidade no
MainComposerBase
é como se fosse umou
lógico. Se tivermos a prop de limite de caracteres de uma rede em especifico, exibe a props, se não, exiba a lista de limite de caracteres de todas as redes sociais.Visual Concepts
A lista limite de caracteres das redes sociais é baseado em todas as redes sociais na aplicação![image](https://github.com/devhatt/octopost/assets/13935760/8bd8ce98-f606-49a0-90c4-78cec1fd6657)
Mas na parte de baixo, o limite de caracteres exibido é relativo ao tipo de postagem da rede social atual, exibindo esse limite unico no canto inferior esquerdo (no lugar do maior limite do exemplo a cima).![image](https://github.com/devhatt/octopost/assets/13935760/e69ea64a-17ee-4de7-92d2-eefbfc71b366)