world-portfolios
world-portfolios copied to clipboard
Adicionar um país ausente na lista de países
O objetivo é apenas acrescentar o maior número possível de países à lista
Diretrizes
-
Certifique-se de que o país que deseja adicionar não esteja na lista, verifique em:
/helpers/countries.ts
-
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))
-
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ódigocm
, se o país for Itália seráit
-
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 chamadaflag
, basicamenteflag.png
-
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
-
Acesse o
/data
e crie um arquivo[codeCountry]Data.ts
. Por exemplo, se o país for a França você terá que criar umfrData.ts
, se for a Alemanha serádeData.ts
-
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.
- Prontinho! Agora você dar um push e enviar sua solicitação de pull request