devhatt / octopost Goto Github PK

Criação do input de imagem, esse item faz parte do componente de "texto inicial", oque não significa que fica no mesmo arquivo, no caso o texto inicial seria um aglomerado de todos os componentes que irão compor essa feature.

O usuário precisa conseguir subir uma imagem a ser enviada no contexto da postagem.

O input de imagem deve ter alguma uma estilização básica inicial, algo simples para ser facil manutenir quando tivermos o layout.

We had an example of the creation of Stories at Testinho component and needed to replicate it to every component created before Landle implementation.

It's just a simple way of rendering our components.

Tabs para visualizar as redes sociais selecionadas.

This is the required lib:
https://github.com/necolas/normalize.css

Request for Removal of Category Scope in Commitizen

Description:

Context:

We've identified that the "scope" category is no longer aligned with the needs and objectives of our workflow. It is not providing useful information and is not significantly contributing to the versioning and change tracking process.

Reasons for Removal:

• Category scope is not actively being utilized by team members.

Removal Objective:

The objective of this request is to remove category scope from Commitizen.

Proposed Actions:

• Removal of category scope from Commitizen.
• Checking and adjusting any scripts or automation referencing category X.

Expected Benefits:

• Simplified commit creation process.
• Greater clarity and alignment with the remaining categories.
• Reduced complexity and confusion for project contributors.

Criar arquivo .github/workflows/main.yml para criação do fluxo de trabalho: run eslint ,build e run dos testes

context:

The switch component was made before we setup the tests because of that he doesn't have any tests at all.

Expected benefits:

garantee that the component will work properly

We had an example of the creation of Stories at Testinho component and needed to replicate it to every component created before Landle implementation.

It's just a simple way of rendering our components.

Precisamos criar um novo template para todos os novos PR e contribuições.

A lista de redes sociais deve possuir um scroll interno, cujo não interfere no tamanho ou scroll da página em si, mas sim apenas no próprio container.

Um bom exemplo de coisa assim é a lista de vídeos quando assistimos uma playlist no youtube:

O ponto é que a lista de itens da playlist é contida no seu próprio espaço e esse deve ser o comportamento da lista de redes sociais.

Planning and Development of UI Component Manager

Description:

Context:

In order to streamline and enhance our frontend development process, we'll use a UI Component Manager. This tool will serve as a central hub for managing, organizing, and test UI components across our projects. The UI Component Manager aims to increase efficiency, consistency, and collaboration in our design and development workflows.

Goals:

1. Define the scope and functionality of the UI Component Manager.
2. Determine the technologies and tools to be used for its implementation.
3. Implement the UI Component Manager

Tools examples:

• Storybook: https://storybook.js.org/
• Ladle: https://ladle.dev/

Create the CharacterLimit tests.

Essa tarefa consistem em algumas etapas:

1. Criar uma lista de objetos cujos são as redes sociais que podem ser conctadas no app. Aqui é preciso que contenha a URL de coneção e as abstrações possiveis para fazer a integração com a rede social em questão.
2. Renderizar essa lista de forma visual usando o já existente componente de switch.
3. Quando o switch da rede social for ativado é preciso que seja feito o login na rede social em questão usando sua respectiva API. Minha sugestão é usar a do twitter.
4. Coletar alguma prova visual de que a conta foi conctada com sucesso no app.

Observações:

• Essa comunicação entre componente-api DEVE ser feita por um intermediário. No caso esse intermediário sera criado em outra task, mas deixe as coisas de forma para facil migração.
• Pode ser que não seja necessáriamente obrigatorio logar na conta da rede social para fazer a postagem (verificar)
• Pode haver a necessidade de que a conta que for ser usada precise habilitar algo na conta, esteja atento a isso.

Um text área que aceita uma quantidade infinita de caracteres

In this issue we will merge all input components to make a functional "input master"

We had an example of the creation of Stories at Testinho component and needed to replicate it to every component created before Landle implementation.

It's just a simple way of rendering our components.

o Ale me pediu para criar essa issue pelo seguinte motivo: na pr sobre o toggle social media eu precisaria utilizar padding em uma estilização, porém é necessário usar a medida de estilização "rem" mas enquanto não criarem esse arquivo base, não vai ficar legal o padding. Por isso eu preciso que alguém crie esse arquivo para poder mergear minha pr. Eu não tenho muitos detalhes sobre o que precisa nesse arquivo, mas tem um esquema que eu geralmente gosto de usar nos meus resets de css que é: setar o font-size como 62.5%. Por que esse valor? Eu não lembro exatamente a matemática por traz desse valor mas basicamente ele converte 10px e 1rem, sendo assim sempre que eu quiser um valor de css que seria por exemplo 24px, eu posso usar o 2.4rem, eu não sei se é exatamente isso que o Ale quer então seria bom conversar com ele antes.

esse componente foi criado antes do styleguide ser definido e por isso está fora do padrão e sem teste nenhum

Create the ComposerEditor tests

Copia do texto!

the styleguide is empty so i make some annotations about what i think is good to follow

Description:

In this PR I will try to create a component temporarily called "Input Master"

In it we will try to unify all the other components referring to the input, inputText, copytext, inputImg, characterLimit etc... thus creating the first version of the input grid.

Ao rodar o comando yarn lint esse erro é lançado: Parsing error: ESLint was configured to run on /electron/main.ts using parserOptions.project: /tsconfig.json.

Criar a rota principal do app com react-route-dom

Para cada switch selecionado uma nova tab deverá ser adicionada ao tabber.

Isso exige editar o arquivo principal de tabs possíveis.

Uma checkbox e um campo de texto alinhado nas extremidades.

Vai ser brabo se conseguir usar switch.

A página inicial deve ter uma estrutura de grid coerente, baseado no nosso "layout" inicial e seus componentes containeres para cada feature.

A pesar de não precisar ser perfeitamente exato, já que não tem como ter precisão com algo tão superficial, precisamos que o grid base seja feito. Ele deve ter esse comportamento:

Vermelho: switches
Amarelo: tabs
Blue: texto inicial

Provavelmente vamos precisar de algum gerenciador de estado e já com isso em mente vamos adiciona-lo agora no app para evitar possíveis problemas futuros. Se adicionarmos agora, não perdemos muito se não for preciso, se não adicionarmos teremos muitos refactor se for necessário.

Essa task consiste na instalação e configuração do gerenciador de estado para a aplicação. Minha sugestão é usarmos Zustand, é um gerenciador de estado simples, com pouco boilerplate e eficaz.

Nessa task alem da configuração é preciso se atentar as questões de arquitetura que circundam essa feature. Deixando claro, isso não é um componente, é um sistema de estado. Em uma cidade, se os componentes forem as casas, esse sistema é o sistema de energia.

Caso não seja possivel adicionar antes de adicionar coloque antes do commit

We had an example of the creation of Stories at Testinho component and needed to replicate it to every component created before Landle implementation.

It's just a simple way of rendering our components.

Precisa receber um texto e exibi-lo sem permitir edição

Temos um pipeline de playwright no projeto que não possui pipe de teste de component testing, ele adiciona apenas o e2e testing. Precisamos que, no mesmo arquivo, seja adicionado as paradas de component testing.

precisamos adicionar mais badges no nosso readme, colocar algo do tipo: nosso coverage de testes, se os testes estão passando, o link para o nosso discussions e etc. Sintam-se livres para por o que acharem melhor

alguns exemplos:

links uteis

https://github-badges.netlify.app
https://www.youtube.com/watch?v=qw3nRdcpZHw
https://www.youtube.com/watch?v=63wxGYIpRY8
https://github.com/alexandresanlim/Badges4-README.md-Profile#-github-stats-

O arquivo base.scss foi criado, mas precisa ser conectado no projeto, esse será o arquivo root dos nossos estilos. Não é o normalize, é algo mais nosso mesmo.

Description

This issue is to to create a template issue model to ease the process of reporting and tracking issues and tasks. The template will provide a consistent structure so that contributors can provide relevant information in a clear way, making it easier to understand, reproduce and resolve issues.

Tasks

1. Create a base model MD template for issues;
2. Define the pattern for the seccions (ex. Description of issue, expected behavior, proposed action, tools or examples)
3. Test the template created in different types of issues.
4. Document the use of the new template in the repository's README.

Create the TextArea tests

We had an example of the creation of Stories at Testinho component and needed to replicate it to every component created before Landle implementation.

It's just a simple way of rendering our components.

Botão de submit do campo de post.