world-portfolios icon indicating copy to clipboard operation
world-portfolios copied to clipboard

Adicionar um país ausente na lista de países

Open EdiJunior88 opened this issue 1 year ago • 0 comments

O objetivo é apenas acrescentar o maior número possível de países à lista

Diretrizes

  1. Certifique-se de que o país que deseja adicionar não esteja na lista, verifique em: /helpers/countries.ts

  2. Caso não exista, a primeira coisa é adicioná-lo à tabela countries que está em /helpers/countries.ts O arquivo modificado deve ter a seguinte aparência :

import type Country from "@/interfaces/country.interface";
import { cmData } from "@/data/cmData";
...
import { [code]Data } from "@/data/[code]Data";

const countries: Country[] = [
  ...,
  {
    name: "Your Country ",
    code: "Code of your country",
    numberCode: "Numero code of your country",
    flag: "/assets/images/[code]/flag.png",
    portfolios: [code]Data
  },
];

export default countries.sort((a, b) => a.name.localeCompare(b.name))
  1. Acesse /public/assets/images e crie uma pasta que terá o código (abreviatura) do país, por exemplo: se o país for Camarões você terá que criar um código cm , se o país for Itália será it

  2. Na pasta que você acabou de criar você deve adicionar a bandeira do seu país, ela deve ter a extensão .png e deve ser chamada flag , basicamente flag.png

  3. No mesmo arquivo, você deve criar um arquivo card-portfolio.png que representará o cartão do país. Para isso, você deve acessar este arquivo do Figma para gerar o cartão em questão. Se você tiver problemas para criar o cartão no figma, deixe uma mensagem para mim no twitter (Ao enviar a mensagem, seja explícito e me diga qual país deseja adicionar e eu criarei o cartão correspondente, depois enviarei para você)

Para modificar o arquivo figma você deve duplicá-la em seu rascunho antes de começar editá-lo Capture d’écran 2023-07-17 à 11 20 32

  1. Acesse o /data e crie um arquivo [codeCountry]Data.ts. Por exemplo, se o país for a França você terá que criar um frData.ts , se for a Alemanha será deData.ts

  2. Neste arquivo escreva isto:

import type CountryData from "@/interfaces/countryData.interface";

const [codeCountry]Data: CountryData[] = [];

export {[codeCountry]Data};

Um exemplo se você adicionar a Alemanha, será esse tipo:

import type CountryData from "@/interfaces/countryData.interface";

const deData: CountryData[] = [];

export {deData};

Se quiser aproveitar para adicionar um portfólio à lista, aconselho que termine primeiro com esta questão que é a adição de um país e depois siga este guia.

  1. Prontinho! Agora você dar um push e enviar sua solicitação de pull request

EdiJunior88 avatar Nov 09 '23 19:11 EdiJunior88