Skip to content

Commit

Permalink
Changes to be able to deploy to github pages
Browse files Browse the repository at this point in the history
  • Loading branch information
@jopijuco
jopijuco committed Jul 9, 2023
1 parent 638b915 commit fa7c97d
Show file tree
Hide file tree
Showing 5 changed files with 90 additions and 97 deletions.
77 changes: 77 additions & 0 deletions components/global/logos.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,30 @@ import rows_people_image from "../../public/rows-people.svg";
import footer_logo from "../../public/vertical_logo.jpg";
import voting_image from '../../public/voting.svg';

import ADNLogo from '../../public/party-logos/adn_logo.png';
import AliancaLogo from '../../public/party-logos/Alianca.png';
import AliancaDemocraticaLogo from '../../public/party-logos/alianca_democratica.png';
import BlocoEsquerdaLogo from '../../public/party-logos/blocodeesquerda.jpg';
import CDSLogo from '../../public/party-logos/CDS.png';
import CDULogo from '../../public/party-logos/cdu.jpg';
import ChegaLogo from '../../public/party-logos/chega.png';
import ErgueTeLogo from '../../public/party-logos/ergue-te_logo.png';
import IniciativaLiberalLogo from '../../public/party-logos/Iniciativa_Liberal_logo.gif';
import JPPLogo from '../../public/party-logos/jpp_logo.png';
import LivreLogo from '../../public/party-logos/livre-logo.png';
import MadeiraPrimeiroLogo from '../../public/party-logos/madeira_primeiro.png';
import MASLogo from '../../public/party-logos/mas-logo.jpg';
import NosCidadaosLogo from '../../public/party-logos/Nos_Cidadaos_logo.jpg';
import PPMLogo from '../../public/party-logos/Partido_Popular_Monarquico_logo.png';
import PTLogo from '../../public/party-logos/partido_terra_logo.jpg';
import PTPLogo from '../../public/party-logos/Partido_Trabalhista_Portugues_logo.jpg';
import PCTPMRPPLogo from '../../public/party-logos/PCTPMRPP_LOGO.png';
import PANLogo from '../../public/party-logos/Pessoas-Animais-Natureza_logo.png';
import PSLogo from '../../public/party-logos/PS_logo.png';
import PSDLogo from '../../public/party-logos/psd-logo.jpg';
import RIRLogo from '../../public/party-logos/RIR_logo.jpg';
import VoltLogo from '../../public/party-logos/volt.png';

export const HeaderLogo = () =>
<Image
src={header_logo.src}
Expand Down Expand Up @@ -48,3 +72,56 @@ export const AboutUsHeaderImage = () =>
height={351}
alt="people"
/>

export const renderPartyLogo = (fileName: string): string => {
switch (fileName) {
case 'adn_logo.png':
return ADNLogo.src;
case 'alianca_democratica.png':
return AliancaDemocraticaLogo.src;
case 'Alianca.png':
return AliancaLogo.src;
case 'blocodeesquerda.jpg':
return BlocoEsquerdaLogo.src;
case 'CDS.png':
return CDSLogo.src;
case 'cdu.jpg':
return CDULogo.src;
case 'chega.png':
return ChegaLogo.src;
case 'ergue-te_logo.png':
return ErgueTeLogo.src;
case 'Iniciativa_Liberal_logo.gif':
return IniciativaLiberalLogo.src;
case 'jpp_logo.png':
return JPPLogo.src;
case 'livre-logo.png':
return LivreLogo.src;
case 'madeira_primeiro.png':
return MadeiraPrimeiroLogo.src;
case 'mas-logo.jpg':
return MASLogo.src;
case 'Nos_Cidadaos_logo.jpg':
return NosCidadaosLogo.src;
case 'Partido_Popular_Monarquico_logo.png':
return PPMLogo.src;
case 'partido_terra_logo.jpg':
return PTLogo.src;
case 'Partido_Trabalhista_Portugues_logo.jpg':
return PTPLogo.src;
case 'PCTPMRPP_LOGO.png':
return PCTPMRPPLogo.src;
case 'Pessoas-Animais-Natureza_logo.png':
return PANLogo.src;
case 'PS_logo.png':
return PSLogo.src;
case 'psd-logo.jpg':
return PSDLogo.src;
case 'RIR_logo.jpg':
return RIRLogo.src;
case 'volt.png':
return VoltLogo.src;
default:
throw Error(`${fileName} does not exist.`);
}
}
84 changes: 4 additions & 80 deletions components/home/round-avatar.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,29 +1,8 @@
import dynamic from "next/dynamic";
import ADNLogo from '../../public/party-logos/adn_logo.png';
import AliancaLogo from '../../public/party-logos/Alianca.png';
import AliancaDemocraticaLogo from '../../public/party-logos/alianca_democratica.png';
import BlocoEsquerdaLogo from '../../public/party-logos/blocodeesquerda.jpg';
import CDSLogo from '../../public/party-logos/CDS.png';
import CDULogo from '../../public/party-logos/cdu.jpg';
import ChegaLogo from '../../public/party-logos/chega.png';
import ErgueTeLogo from '../../public/party-logos/ergue-te_logo.png';
import IniciativaLiberalLogo from '../../public/party-logos/Iniciativa_Liberal_logo.gif';
import JPPLogo from '../../public/party-logos/jpp_logo.png';
import LivreLogo from '../../public/party-logos/livre-logo.png';
import MadeiraPrimeiroLogo from '../../public/party-logos/madeira_primeiro.png';
import MASLogo from '../../public/party-logos/mas-logo.jpg';
import NosCidadaosLogo from '../../public/party-logos/Nos_Cidadaos_logo.jpg';
import PPMLogo from '../../public/party-logos/Partido_Popular_Monarquico_logo.png';
import PTLogo from '../../public/party-logos/partido_terra_logo.jpg';
import PTPLogo from '../../public/party-logos/Partido_Trabalhista_Portugues_logo.jpg';
import PCTPMRPPLogo from '../../public/party-logos/PCTPMRPP_LOGO.png';
import PANLogo from '../../public/party-logos/Pessoas-Animais-Natureza_logo.png';
import PSLogo from '../../public/party-logos/PS_logo.png';
import PSDLogo from '../../public/party-logos/psd-logo.jpg';
import RIRLogo from '../../public/party-logos/RIR_logo.jpg';
import VoltLogo from '../../public/party-logos/volt.png';
import Link from "next/link";
import { HomePageParty } from "../../src/retriever/dtos/party-dto";
import { acronymConversion, Conversion } from "../../src/utils/manipuation";
import { renderPartyLogo } from "../global/logos";

const Avatar = dynamic(import("antd/es/avatar"), { ssr: false });

Expand All @@ -35,69 +14,14 @@ const RoundAvatar = ({ party }: RoundAvatarProps) => {
const { name, acronym, logoFileName } = party;

return (
<a
className="avatar-list-item"
href={`/partido/${acronymConversion(acronym, Conversion.TO_URL)}`}
>
<Link className="avatar-list-item" href={`/partido/${acronymConversion(acronym, Conversion.TO_URL)}`}>
<div className="avatar-list-item__content">
<Avatar size={120} src={renderPartyLogo(logoFileName)} icon="user" />
<h3 className="avatar-list-item__content-title">{acronym}</h3>
<h4 className="avatar-list-item__content-subtitle">{name}</h4>
</div>
</a>
</Link>
)
}

const renderPartyLogo = (fileName: string): string => {
switch (fileName) {
case 'adn_logo.png':
return ADNLogo.src;
case 'alianca_democratica.png':
return AliancaDemocraticaLogo.src;
case 'Alianca.png':
return AliancaLogo.src;
case 'blocodeesquerda.jpg':
return BlocoEsquerdaLogo.src;
case 'CDS.png':
return CDSLogo.src;
case 'cdu.jpg':
return CDULogo.src;
case 'chega.png':
return ChegaLogo.src;
case 'ergue-te_logo.png':
return ErgueTeLogo.src;
case 'Iniciativa_Liberal_logo.gif':
return IniciativaLiberalLogo.src;
case 'jpp_logo.png':
return JPPLogo.src;
case 'livre-logo.png':
return LivreLogo.src;
case 'madeira_primeiro.png':
return MadeiraPrimeiroLogo.src;
case 'mas-logo.jpg':
return MASLogo.src;
case 'Nos_Cidadaos_logo.jpg':
return NosCidadaosLogo.src;
case 'Partido_Popular_Monarquico_logo.png':
return PPMLogo.src;
case 'partido_terra_logo.jpg':
return PTLogo.src;
case 'Partido_Trabalhista_Portugues_logo.jpg':
return PTPLogo.src;
case 'PCTPMRPP_LOGO.png':
return PCTPMRPPLogo.src;
case 'Pessoas-Animais-Natureza_logo.png':
return PANLogo.src;
case 'PS_logo.png':
return PSLogo.src;
case 'psd-logo.jpg':
return PSDLogo.src;
case 'RIR_logo.jpg':
return RIRLogo.src;
case 'volt.png':
return VoltLogo.src;
default:
throw Error(`${fileName} does not exist.`);
}
}
export default RoundAvatar;
5 changes: 3 additions & 2 deletions components/party/header.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,8 @@ import { Avatar, Button, Col, Divider, Row } from "antd";
import Link from "next/link";
import { Fragment } from "react";
import { OnlinePlatform, OnlinePlatformType, PartyPage } from "../../src/retriever/dtos/party-dto";
import { acronymConversion, Conversion } from "../../src/utils/manipuation";
import { Conversion, acronymConversion } from "../../src/utils/manipuation";
import { renderPartyLogo } from "../global/logos";
import SocialSharing from "../global/social-sharing";

interface PartyHeaderProps {
Expand Down Expand Up @@ -30,7 +31,7 @@ const PartyHeader = ({ party, subtitle }: PartyHeaderProps) => {
</Row>
<Row typeof="flex" justify="center">
<Col>
<Avatar size={200} src={`/party-logos/${party.logoFileName}`} icon="user" />
<Avatar size={200} src={renderPartyLogo(party.logoFileName)} icon="user" />
<div className="party-header__program-cta">
{party.hasManifesto && (
<Button
Expand Down
19 changes: 5 additions & 14 deletions next.config.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,26 +2,17 @@

const path = require("path");

module.exports = {
const nextConfig = {
basePath: '/ppt-ui',
reactStrictMode: true,
swcMinify: true,
};

module.exports = {
sassOptions: {
includePaths: [path.join(__dirname, "styles")],
includePaths: [path.join(__dirname, "styles")]
},
};

module.exports = {
images: {
loader: "akamai",
path: "",
unoptimized: true
},
};

const nextConfig = {
basePath: 'ppt-ui'
output: 'export'
}

module.exports = nextConfig;
2 changes: 1 addition & 1 deletion package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@
"start": "next start",
"lint": "next lint",
"export": "next export",
"deploy": "next build && touch out/.nojekyll && git add out/ -f && git commit -m \"Deploy\" && git subtree push --prefix out origin gh-pages"
"deploy": "next build && touch ./public/.nojekyll && git add out/ -f && git commit -m \"Deploy\" && git subtree push --prefix out origin gh-pages"
},
"dependencies": {
"@ant-design/icons": "^4.8.0",
Expand Down

0 comments on commit fa7c97d

Please sign in to comment.