Sanferminak kentzen ditu (#9)

* chore: Strapi bertsioa igotzen du

* chore: Gatsby eguneratzen du

* chore: build-a konpontzen du

* feat: Sanferminak kentzen ditu

* feat: rimraf sartzen du

* chore: build-a ngrokekin lotzen du

* chore: karta eguneratzen du

* feat: karta eguneratzen du
This commit is contained in:
Aitor Urrutia
2023-12-07 12:46:06 +01:00
committed by GitHub
parent 9cfba79fe3
commit 8f14ee975d
28 changed files with 9447 additions and 10626 deletions

View File

@@ -16,9 +16,6 @@ export const DesktopNabigazioa: React.FC<Props> = ({ atala }) => {
<Esteka aktiboa={atala === 'hasiera'}>
<GainburuLink to="/">Laba gara</GainburuLink>
</Esteka>
<Esteka aktiboa={atala === 'sanferminak'}>
<GainburuLink to="/sanferminak">Sanferminak</GainburuLink>
</Esteka>
<Esteka aktiboa={atala === 'kafetegia'}>
<GainburuLink to="/kafetegia">Dastatu Laba</GainburuLink>
</Esteka>

View File

@@ -14,7 +14,7 @@ import { KontaktuDatuak } from './KontaktuDatuak';
import Gezia from '../../assets/gezia.svg';
import { GainburuLink } from './GainburuLink';
export type AtalaName = 'hasiera' | 'kafetegia' | 'sanferminak';
export type AtalaName = 'hasiera' | 'kafetegia';
interface Props {
izenburua?: string;
@@ -233,10 +233,6 @@ const Izenburua = styled.h1`
`;
function getAtalaBackground(atala?: AtalaName) {
if (atala === 'sanferminak') {
return colors.gorria;
}
if (atala === 'hasiera') {
return colors.morea;
}
@@ -249,7 +245,7 @@ function getAtalaBackground(atala?: AtalaName) {
}
function getAtalaColor(atala?: AtalaName) {
if (atala === 'hasiera' || atala === 'sanferminak') {
if (atala === 'hasiera' ) {
return colors.zuria;
}
@@ -261,7 +257,7 @@ function getAtalaColor(atala?: AtalaName) {
}
function getAtalaHoverColor(atala?: AtalaName) {
if (atala === 'sanferminak' || atala === 'hasiera') {
if (atala === 'hasiera') {
return colors.horia;
}

View File

@@ -25,9 +25,6 @@ export const MugikorNabigazioa: React.FC = () => {
<Esteka>
<Link to="/">Laba gara</Link>
</Esteka>
<Esteka>
<Link to="/sanferminak">Sanferminak</Link>
</Esteka>
<Esteka>
<Link to="/kafetegia">Dastatu Laba</Link>
</Esteka>

View File

@@ -1,96 +0,0 @@
import React from 'react';
import { datesUtils } from '../utils/dateUtils';
import { SFEguna } from '../pages/sanferminak';
import styled from 'styled-components';
import { rem } from 'polished';
import { font, fontWeight, size } from '../ui/theme';
import { graphql, useStaticQuery } from 'gatsby';
interface DataProps {
allStrapiSfEkitaldia: {
nodes: {
id: string;
hitzordua: string;
izenburua: string;
}[];
};
}
export const SFEgunaEdukia: React.FC<{ sfeguna: SFEguna }> = ({ sfeguna }) => {
const { eguna, ekitaldi_nagusia } = sfeguna;
const {
allStrapiSfEkitaldia: { nodes: egunak },
} = useStaticQuery<DataProps>(graphql`
{
allStrapiSfEkitaldia {
nodes {
hitzordua
id
izenburua
}
}
}
`);
const besteEgunak = egunak.filter(
ekitaldia =>
datesUtils.areSameDay(new Date(ekitaldia.hitzordua), new Date(eguna)) &&
ekitaldi_nagusia.id !== ekitaldia.id,
);
return (
<SFEgunWrapper>
<SFEgunaEguna>Uztailak {new Date(eguna).getDate()}.</SFEgunaEguna>
<SFEgunaNagusiaOrdua>
{datesUtils.getHour(new Date(ekitaldi_nagusia.hitzordua))}
</SFEgunaNagusiaOrdua>
<SFEgunaNagusiaIzenburua>
{ekitaldi_nagusia.izenburua}
</SFEgunaNagusiaIzenburua>
{besteEgunak.map(eguna => (
<BesteHitzordua key={eguna.id}>
{datesUtils.getHour(new Date(eguna.hitzordua))} {eguna.izenburua}
</BesteHitzordua>
))}
</SFEgunWrapper>
);
};
const BesteHitzordua = styled.p`
${font.base()};
font-weight: ${fontWeight.bold};
margin-top: ${rem(size.base)};
`;
const SFEgunaEguna = styled.p`
margin-bottom: ${rem(size.base)};
${font.large()};
`;
const SFEgunaNagusiaIzenburua = styled.h2`
flex-grow: 1;
${font.large()};
font-weight: ${fontWeight.bold};
text-align: center;
`;
const SFEgunaNagusiaOrdua = styled.p`
${font.base()};
font-weight: ${fontWeight.bold};
text-align: center;
`;
const SFEgunWrapper = styled.div`
height: 100%;
display: flex;
flex-direction: column;
`;