{name}
46 | {status} 47 |
49 | {price}
50 |
51 |
52 |
37 | Your environmentId given in your environment variables is not a valid
38 | GUID.
39 |
40 | );
41 | }
42 |
43 | if (
44 | getEnvironmentIdFromEnvironment() === undefined &&
45 | !getEnvironmentIdFromCookies()
46 | ) {
47 | return
55 |
58 |
73 |
74 |
75 | 22 | {heroUnit.title && heroUnit.title.value} 23 |
24 | {heroUnit.marketingMessage && ( 25 |
125 |
179 | );
180 | };
181 |
182 | export default BrewerStoreContainer;
183 |
--------------------------------------------------------------------------------
/src/Components/BrewerStoreListing.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { Link } from 'react-router-dom';
3 | import { resolveContentLink } from '../Utilities/ContentLinks';
4 | import { formatPrice, renderProductStatus } from '../Utilities/StoreListing';
5 | import { useIntl } from 'react-intl';
6 | import { Brewer } from '../Models/content-types/brewer';
7 |
8 | interface BrewerStoreListingProps {
9 | brewers: Brewer[];
10 | }
11 |
12 | const BrewerStoreListing: React.FC
126 |
172 |
174 | matches(brewer)
175 | )}
176 | />
177 |
178 | 
29 | ) : (
30 |
31 | {formatMessage({ id: 'BrewerStoreListing.noTeaserValue' })}
32 |
33 | );
34 |
35 | const status = renderProductStatus(brewer.elements.productStatus);
36 | const link = resolveContentLink(
37 | { type: 'brewer', urlSlug: brewer.elements.urlPattern.value },
38 | language
39 | );
40 |
41 | return (
42 |
43 |
44 |
45 | {imageLink}
48 |
53 |
54 | );
55 | });
56 |
57 | return (
58 |
59 | {brewersComponents}
60 |
61 | );
62 | };
63 |
64 | export default BrewerStoreListing;
65 |
--------------------------------------------------------------------------------
/src/Components/CheckboxFilter.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | interface OptionsType {
4 | id: string;
5 | checked: boolean;
6 | label: string;
7 | onChange: (event: React.ChangeEvent
90 |
130 | );
131 | };
132 |
133 | export default CoffeeStoreContainer;
134 |
--------------------------------------------------------------------------------
/src/Components/CoffeeStoreListing.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { Link } from 'react-router-dom';
3 | import { resolveContentLink } from '../Utilities/ContentLinks';
4 | import { formatPrice, renderProductStatus } from '../Utilities/StoreListing';
5 | import { useIntl } from 'react-intl';
6 | import { Coffee } from '../Models/content-types/coffee';
7 |
8 | interface CoffeeStoreListingProps {
9 | coffees: Coffee[];
10 | }
11 |
12 | const CoffeeStoreListing: React.FC
91 |
123 |
125 | matches(coffee)
126 | )}
127 | />
128 |
129 | 
33 | ) : (
34 |
38 | {formatMessage({ id: 'CoffeeStoreListing.noTeaserValue' })}
39 |
40 | );
41 |
42 | const status = renderProductStatus(coffee.elements.productStatus);
43 | const link = resolveContentLink(
44 | { type: 'coffee', urlSlug: coffee.elements.urlPattern.value },
45 | language
46 | );
47 |
48 | return (
49 |
50 |
51 |
52 | {imageLink}
55 |
60 |
61 | );
62 | });
63 |
64 | return (
65 | {name}
53 | {status} 54 |
56 | {price}
57 |
58 |
59 |
66 | {coffeesComponents}
67 |
68 | );
69 | };
70 |
71 | export default CoffeeStoreListing;
72 |
--------------------------------------------------------------------------------
/src/Components/Footer.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import Link from '../Components/LowerCaseUrlLink';
3 | import { useIntl } from 'react-intl';
4 |
5 | const Footer: React.FC = () => {
6 | const { formatMessage } = useIntl();
7 | return (
8 |
9 |
65 |
66 | );
67 | };
68 | export default Footer;
69 |
--------------------------------------------------------------------------------
/src/Components/Header.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import Link from './LowerCaseUrlLink';
3 | import { englishCode, spanishCode } from '../Utilities/LanguageCodes';
4 | import MessageBox from './MessageBox';
5 | import { ParsedQs } from 'qs';
6 | import { useIntl } from 'react-intl';
7 | import { SetLanguageType } from '../LocalizedApp';
8 |
9 | interface HeaderProps {
10 | message?: string | ParsedQs | string[] | ParsedQs[] | undefined;
11 | changeLanguage: SetLanguageType;
12 | }
13 |
14 | const Header: React.FC
20 |
97 | {messageBox}
98 |
21 |
63 |
96 |
64 |
94 |
95 |
99 |
109 |
100 |
108 |
101 |
107 | 102 | 103 | Dancing Goat 104 | 105 |
106 |
34 | {formatMessage({ id: 'LatestArticles.noTeaserValue' })}
35 |
36 | );
37 |
38 | const summary =
39 | article.elements.summary.value.trim().length > 0
40 | ? article.elements.summary.value
41 | : formatMessage({ id: 'LatestArticles.noSummaryValue' });
42 |
43 | const link = `/${language.toLowerCase()}/articles/${article.system.id}`;
44 |
45 | return (
46 |
47 |
64 | );
65 | });
66 |
67 | const { system, elements: articleElements } = props.articles[0];
68 |
69 | const title =
70 | articleElements.title.value.trim().length > 0
71 | ? articleElements.title.value
72 | : formatMessage({ id: 'LatestArticles.noTitleValue' });
73 |
74 | const imageLink =
75 | articleElements.teaserImage.value[0] !== undefined ? (
76 |
48 | {imageLink}
49 |
63 |
50 |
56 |
57 |
62 | 58 | {title} 59 |
60 |{summary}
61 |
84 | {formatMessage({ id: 'LatestArticles.noTeaserValue' })}
85 |
86 | );
87 |
88 | const summary =
89 | articleElements.summary.value.trim().length > 0
90 | ? articleElements.summary.value
91 | : formatMessage({ id: 'noSummaryValue' });
92 |
93 | const link = `/${language.toLowerCase()}/articles/${system.id}`;
94 | const tabTitle = formatMessage({ id: 'LatestArticles.title' });
95 |
96 | return (
97 |
98 |
121 | );
122 | };
123 |
124 | export default LatestArticles;
125 |
--------------------------------------------------------------------------------
/src/Components/LinkButton.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | import Link from '../Components/LowerCaseUrlLink';
4 |
5 | interface LinkButtonProps {
6 | link: string;
7 | text: string;
8 | }
9 |
10 | const LinkButton: React.FC{tabTitle}
99 |
100 |
119 | {otherArticles}
120 |
101 | {imageLink}
102 |
103 |
104 |
118 |
105 |
111 |
112 |
117 | 113 | {title} 114 |
115 |{summary}
116 |
13 |
19 | );
20 | };
21 |
22 | export default LinkButton;
23 |
--------------------------------------------------------------------------------
/src/Components/LowerCaseUrlLink.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { Link } from 'react-router-dom';
3 |
4 | interface LoweCaseUrlLinkProps {
5 | to: string;
6 | className?: string;
7 | target?: string;
8 | children: React.ReactNode;
9 | }
10 |
11 | const LowerCaseUrlLink: React.FC
14 |
15 | {props.text}
16 |
17 |
18 |
17 |
18 |
19 |
20 |
30 |
31 |
32 | );
33 | };
34 |
35 | export default MessageBox;
36 |
--------------------------------------------------------------------------------
/src/Components/Metadata.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { Helmet } from 'react-helmet';
3 | import { Elements } from '@kontent-ai/delivery-sdk';
4 |
5 | interface MetaDataProps {
6 | title?: Elements.TextElement;
7 | description?: Elements.TextElement;
8 | ogTitle?: Elements.TextElement;
9 | ogDescription?: Elements.TextElement;
10 | ogImage?: Elements.AssetsElement;
11 | twitterTitle?: Elements.TextElement;
12 | twitterSite?: Elements.TextElement;
13 | twitterImage?: Elements.AssetsElement;
14 | twitterCreator?: Elements.TextElement;
15 | twitterDescription?: Elements.TextElement;
16 | }
17 |
18 | const Metadata: React.FC|
22 | |
24 |
25 | {props.message} 26 | |
27 |
16 |
28 | );
29 | };
30 |
31 | export default OurStory;
32 |
--------------------------------------------------------------------------------
/src/Components/RichText.tsx:
--------------------------------------------------------------------------------
1 | import {
2 | DomElementOptionsType,
3 | ResolversType,
4 | RichTextElement,
5 | } from '@kontent-ai/react-components';
6 | import React from 'react';
7 | import { Link } from 'react-router-dom';
8 | import { resolveContentLink } from '../Utilities/ContentLinks';
9 | import {
10 | ElementModels,
11 | Elements,
12 | IContentItem,
13 | ILink,
14 | IRichTextImage,
15 | } from '@kontent-ai/delivery-sdk';
16 |
17 | interface RichTextProps {
18 | element: Elements.RichTextElement;
19 | className?: string;
20 | }
21 |
22 | const RichText: React.FC{fact.title && fact.title.value}
17 |
18 |
27 |
24 | {fact.description &&
26 | Content item not supported
;
87 | }
88 | }
89 | default:
90 | return Content item not supported
;
91 | }
92 | },
93 | resolveLink: (link: ILink, domOptions: DomElementOptionsType) => {
94 | const path = resolveContentLink(link);
95 |
96 | return (
97 |
98 | {domOptions.domToReact(domOptions.domElement.children)}
99 |
100 | );
101 | },
102 | resolveImage: (
103 | image: IRichTextImage,
104 | domOptions: DomElementOptionsType
105 | ) => {
106 | return (
107 |
119 |
121 | );
122 | };
123 |
124 | export default RichText;
125 |
--------------------------------------------------------------------------------
/src/Components/SpinnerLayout.tsx:
--------------------------------------------------------------------------------
1 | import { Spinner } from '@simply007org/react-spinners';
2 | import React from 'react';
3 |
4 | interface SpinnerLayoutProps {
5 | children: React.ReactNode;
6 | }
7 |
8 | const SpinnerLayout: React.FC
11 |
12 |
16 | {children}
17 |
18 | );
19 | };
20 |
21 | export default SpinnerLayout;
22 |
--------------------------------------------------------------------------------
/src/Components/TasteOurCoffee.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | import Link from '../Components/LowerCaseUrlLink';
4 | import { useIntl } from 'react-intl';
5 | import { Cafe } from '../Models/content-types/cafe';
6 |
7 | interface TestOurCoffeeProps {
8 | cafes: Cafe[];
9 | }
10 |
11 | const TasteOurCoffee: React.FC
13 |
14 |
15 |
19 |
32 | );
33 | });
34 |
35 | return (
36 |
20 |
21 | 
29 |
30 |
31 | {name}
22 | 23 |
37 |
44 | );
45 | };
46 |
47 | export default TasteOurCoffee;
48 |
--------------------------------------------------------------------------------
/src/Fonts/Core-icons.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kontent-ai/sample-app-react/b2821f997767040d16480ad67383d5baf9290347/src/Fonts/Core-icons.eot
--------------------------------------------------------------------------------
/src/Fonts/Core-icons.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kontent-ai/sample-app-react/b2821f997767040d16480ad67383d5baf9290347/src/Fonts/Core-icons.ttf
--------------------------------------------------------------------------------
/src/Fonts/Core-icons.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kontent-ai/sample-app-react/b2821f997767040d16480ad67383d5baf9290347/src/Fonts/Core-icons.woff
--------------------------------------------------------------------------------
/src/Fonts/WorkSans-Bold.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kontent-ai/sample-app-react/b2821f997767040d16480ad67383d5baf9290347/src/Fonts/WorkSans-Bold.woff2
--------------------------------------------------------------------------------
/src/Fonts/WorkSans-Medium.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kontent-ai/sample-app-react/b2821f997767040d16480ad67383d5baf9290347/src/Fonts/WorkSans-Medium.woff2
--------------------------------------------------------------------------------
/src/Fonts/WorkSans-Regular.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kontent-ai/sample-app-react/b2821f997767040d16480ad67383d5baf9290347/src/Fonts/WorkSans-Regular.woff2
--------------------------------------------------------------------------------
/src/Images/Admin/checkbox-checked.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/Images/Admin/checkbox-unchecked.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/Images/Admin/error.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/src/Images/Admin/info.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/src/Images/Admin/kk-logo.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/Images/Admin/radio-button-checked.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/Images/Admin/radio-button.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/Images/Admin/warning.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/Images/icon-magnifier.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kontent-ai/sample-app-react/b2821f997767040d16480ad67383d5baf9290347/src/Images/icon-magnifier.png
--------------------------------------------------------------------------------
/src/Localization/en-US.json:
--------------------------------------------------------------------------------
1 | {
2 | "locale": "en-US",
3 | "LatestArticles.title": "Latest articles",
4 | "LatestArticles.noTitleValue": "(Article has no title)",
5 | "LatestArticles.noTeaserValue": "(Article has no teaser image)",
6 | "LatestArticles.noSummaryValue": "No summary filled",
7 | "About.noTitleValue": "(Fact has no title)",
8 | "About.noDescriptionValue": "No description filled",
9 | "About.noTeaserValue": "(Fact has no teaser image)",
10 | "Articles.noTitleValue": "(Article has no title)",
11 | "Articles.noTeaserValue": "(Article has no teaser image)",
12 | "Articles.noSummaryValue": "No summary filled",
13 | "Articles.noBodyCopyValue": "No body copy filled",
14 | "Home.moreArticles": "More articles",
15 | "Home.aboutLinkText": "Read the whole story",
16 | "Home.cafesLinkText": "Find out more",
17 | "TasteOurCoffee.title": "Taste Our Coffee",
18 | "Header.homeLinkTitle": "Home",
19 | "Header.storeLinkTitle": "Product catalog",
20 | "Header.articlesLinkTitle": "Articles",
21 | "Header.aboutLinkTitle": "About us",
22 | "Header.cafesLinkTitle": "Cafes",
23 | "Header.contactsLinkTitle": "Contact",
24 | "Store.coffeesLinkTitle": "Coffees",
25 | "Store.brewersLinkTitle": "Brewers",
26 | "CoffeeStoreContainer.coffeeProcessingTitle": "Coffee processing",
27 | "CoffeeStoreContainer.statusTitle": "Status",
28 | "BrewerStoreContainer.manufacturerTitle": "Manufacturer",
29 | "BrewerStoreContainer.priceTitle": "Price",
30 | "BrewerStoreContainer.statusTitle": "Status",
31 | "BrewerStoreListing.noPriceValue": "No price filled",
32 | "BrewerStoreListing.noNameValue": "No name filled",
33 | "BrewerStoreListing.noTeaserValue": "(Product has no teaser image)",
34 | "BrewerStoreListing.noDescriptionValue": "No description filled",
35 | "Cafes.ourCafesTitle": "Our cafes",
36 | "Cafes.partnerCafesTitle": "Other places where you can drink our coffee",
37 | "CoffeeStoreListing.noPriceValue": "No price filled",
38 | "CoffeeStoreListing.noNameValue": "No name filled",
39 | "CoffeeStoreListing.noTeaserValue": "(Product has no teaser image)",
40 | "CoffeeStoreListing.noDescriptionValue": "No description filled",
41 | "Contacts.roasteryTitle": "Roastery",
42 | "Contacts.ourCafesTitle": "Our cafes",
43 | "Contacts.mapTitle": "Drop in",
44 | "Footer.followUs": "Follow us",
45 | "Footer.followUsOnFacebook": "Follow us on Facebook",
46 | "Footer.followUsOnTwitter": "Follow us on Twitter",
47 | "Footer.contact": "Contact",
48 | "Footer.cityStateZip": "Illinois 60601, USA",
49 | "Footer.allRightsReserved": "All rights reserved.",
50 | "NotFound.message": "Sorry, we could not find what you are looking for.",
51 | "Route.about": "about-us"
52 | }
53 |
--------------------------------------------------------------------------------
/src/Localization/es-ES.json:
--------------------------------------------------------------------------------
1 | {
2 | "locale": "es-ES",
3 | "LatestArticles.title": "Último artículo",
4 | "LatestArticles.noTitleValue": "(El artículo no tiene título)",
5 | "LatestArticles.noTeaserValue": "(El artículo no tiene imagen teaser)",
6 | "LatestArticles.noSummaryValue": "Sin resumen lleno",
7 | "About.noTitleValue": "(Hecho no tiene titulo)",
8 | "About.noDescriptionValue": "ninguna descripción llena",
9 | "About.noTeaserValue": "(hecho no tiene imagen teaser)",
10 | "Articles.noTitleValue": "(El artículo no tiene título)",
11 | "Articles.noTeaserValue": "(El artículo no tiene imagen teaser)",
12 | "Articles.noSummaryValue": "Sin resumen lleno",
13 | "Articles.noBodyCopyValue": "ninguna copia del cuerpo llena",
14 | "Home.moreArticles": "Más artículos",
15 | "Home.aboutLinkText": "Leer toda la historia",
16 | "Home.cafesLinkText": "Más cafés",
17 | "TasteOurCoffee.title": "Probar nuestro café",
18 | "Header.homeLinkTitle": "Inicio",
19 | "Header.storeLinkTitle": "Tienda",
20 | "Header.articlesLinkTitle": "Artículos",
21 | "Header.aboutLinkTitle": "Quiénes somos",
22 | "Header.cafesLinkTitle": "Cafés",
23 | "Header.contactsLinkTitle": "Contacto",
24 | "Store.coffeesLinkTitle": "Cafés",
25 | "Store.brewersLinkTitle": "Cerveceros",
26 | "CoffeeStoreContainer.coffeeProcessingTitle": "Procesamiento del café",
27 | "CoffeeStoreContainer.statusTitle": "Estado",
28 | "BrewerStoreContainer.manufacturerTitle": "Fabricante",
29 | "BrewerStoreContainer.priceTitle": "Precio",
30 | "BrewerStoreContainer.statusTitle": "Estado",
31 | "BrewerStoreListing.PriceValue": "Sin precio llenado",
32 | "BrewerStoreListing.NameValue": "Sin nombre lleno",
33 | "BrewerStoreListing.TeaserValue": "(El producto no tiene imagen teaser)",
34 | "BrewerStoreListing.DescriptionValue": "ninguna descripción llena",
35 | "Cafes.ourCafesTitle": "Nuestros cafés",
36 | "Cafes.partnerCafesTitle": "Otros lugares donde puedes tomar nuestro café",
37 | "CoffeeStoreListing.noPriceValue": "Sin precio llenado",
38 | "CoffeeStoreListing.noNameValue": "Sin nombre lleno",
39 | "CoffeeStoreListing.noTeaserValue": "(El producto no tiene imagen teaser)",
40 | "CoffeeStoreListing.noDescriptionValue": "ninguna descripción llena",
41 | "Contacts.roasteryTitle": "Roastery",
42 | "Contacts.ourCafesTitle": "Probar nuestro café",
43 | "Contacts.mapTitle": "Pase por nuestros cafés ",
44 | "Footer.followUs": "Síguenos",
45 | "Footer.followUsOnFacebook": "Síguenos en Facebook",
46 | "Footer.followUsOnTwitter": "Síganos en Twitter",
47 | "Footer.contact": "Contacto",
48 | "Footer.cityStateZip": "Illinois 60601, EE.UU.",
49 | "Footer.allRightsReserved": "Todos los derechos reservados.",
50 | "NotFound.message": "Lo sentimos, no pudimos encontrar lo que buscas.",
51 | "Route.about": "acerca-de"
52 | }
53 |
--------------------------------------------------------------------------------
/src/LocalizedApp.tsx:
--------------------------------------------------------------------------------
1 | import React, { useEffect, useMemo } from 'react';
2 | import { Navigate, useLocation, useNavigate } from 'react-router-dom';
3 |
4 | import App from './App';
5 | import {
6 | languageCodes,
7 | languageCodesLowerCase,
8 | } from './Utilities/LanguageCodes';
9 | import { localizationObject } from './Utilities/LocalizationLoader';
10 | import { IntlProvider } from 'react-intl';
11 | import Cookies from 'universal-cookie';
12 |
13 | export type SetLanguageType = (newLanguage: string, newUrl?: string) => void;
14 |
15 | interface LocalizedAppProps {
16 | lang: string;
17 | }
18 |
19 | const LocalizedApp: React.FC
38 |
42 | {cafes}
43 | 39 | {formatMessage({ id: 'TasteOurCoffee.title' })} 40 |
41 |
54 |
55 |
57 |
58 | );
59 | };
60 |
61 | export default LocalizedApp;
62 |
--------------------------------------------------------------------------------
/src/Models/content-types/about_us.ts:
--------------------------------------------------------------------------------
1 | import { IContentItem, Elements } from '@kontent-ai/delivery-sdk';
2 | import { Sitemap } from '../taxonomies/sitemap_538125f';
3 | import { FactAboutUs } from './fact_about_us';
4 |
5 | /**
6 | * Generated by '@kontent-ai/model-generator@5.2.0'
7 | *
8 | * About us
9 | * Id: b2c14f2c-6467-460b-a70b-bca17972a33a
10 | * Codename: about_us
11 | */
12 | export type AboutUs = IContentItem<{
13 | /**
14 | * Facts (modular_content)
15 | * Required: false
16 | * Id: cff560dc-ed24-7036-cbb6-b7a1b61b196a
17 | * Codename: facts
18 | *
19 | * Assign all facts about our company which will be displayed on the about us page.
20 | */
21 | facts: Elements.LinkedItemsElement109 | {formatMessage({ id: 'About.noDescriptionValue' })} 110 |
111 | ); 112 | 113 | const imageLink = 114 | fact.elements.image.value[0] !== undefined ? ( 115 |
121 | ) : (
122 |
123 | {formatMessage({ id: 'About.noTeaserValue' })}
124 |
125 | );
126 |
127 | if (index % 2 === 0) {
128 | return (
129 | {title}
131 |{descriptionElement}
132 | {imageLink}
133 | {title}
140 |{descriptionElement}
141 | {imageLink}
142 |
151 |
165 | );
166 | };
167 |
168 | export default About;
169 |
--------------------------------------------------------------------------------
/src/Pages/Admin/Configuration.css:
--------------------------------------------------------------------------------
1 | /* taken from https://github.com/kontent-ai/sample-app-net build output*/
2 | /* and prefixed to not affect rest of the site */
3 | .configuration-page .button {
4 | font-family: 'Work Sans', arial, sans-serif;
5 | font-size: 12px;
6 | font-weight: 700;
7 | line-height: 16px;
8 | letter-spacing: 0.1ch;
9 | border: 0;
10 | border-radius: 5000px;
11 | padding: 12px 24px;
12 | cursor: pointer;
13 | text-transform: uppercase;
14 | }
15 | .configuration-page .button-primary {
16 | background: #6956cc;
17 | color: #fff;
18 | }
19 | .configuration-page .button-primary:hover,
20 | .configuration-page .button-primary:focus {
21 | background-color: #231f20;
22 | }
23 | .configuration-page .button-primary.active,
24 | .configuration-page .button-primary:active,
25 | .configuration-page .button-primary.disabled,
26 | .configuration-page .button-primary[disabled] {
27 | color: #8c8c8c;
28 | background: #dfdfdf;
29 | box-shadow: none;
30 | }
31 | .configuration-page .kk-container {
32 | margin: 0 auto;
33 | padding: 0 24px;
34 | max-width: 1048px;
35 | }
36 | .configuration-page .col {
37 | flex: 1;
38 | }
39 | @media (min-width: 900px) {
40 | .configuration-page .row-lg {
41 | display: flex;
42 | }
43 | .configuration-page .row-lg--align-start {
44 | align-items: flex-start;
45 | }
46 | .configuration-page .col + .col {
47 | margin-left: 24px;
48 | }
49 | }
50 | .configuration-page .hidden {
51 | position: absolute;
52 | width: 1px;
53 | height: 1px;
54 | padding: 0;
55 | margin: -1px;
56 | overflow: hidden;
57 | clip: rect(0, 0, 0, 0);
58 | white-space: nowrap;
59 | border: 0;
60 | }
61 | .configuration-page .user-message {
62 | margin-top: 24px;
63 | }
64 | .configuration-page .user-message td {
65 | padding: 0;
66 | }
67 | .configuration-page .user-message__img {
68 | height: 20px;
69 | width: 20px;
70 | margin-right: 8px;
71 | margin-top: 2px;
72 | }
73 | .configuration-page .user-message__img--error {
74 | background: url('../../Images/Admin/error.svg') no-repeat center center;
75 | }
76 | .configuration-page .user-message__img--info {
77 | background: url('../../Images/Admin/info.svg') no-repeat center center;
78 | }
79 | .configuration-page *,
80 | .configuration-page *::before,
81 | .configuration-page *::after {
82 | box-sizing: border-box;
83 | }
84 | .configuration-page html,
85 | .configuration-page body {
86 | color: #151515;
87 | margin: 0;
88 | padding: 0;
89 | }
90 | .configuration-page h1,
91 | .configuration-page h2,
92 | .configuration-page h3,
93 | .configuration-page h4,
94 | .configuration-page h5,
95 | .configuration-page h6 {
96 | margin: 0;
97 | }
98 | .configuration-page p {
99 | margin: 0;
100 | font-family: 'Work Sans', arial, sans-serif;
101 | font-size: 16px;
102 | font-weight: 400;
103 | line-height: 24px;
104 | }
105 | .configuration-page .headline-large {
106 | font-family: 'Work Sans', arial, sans-serif;
107 | font-size: 24px;
108 | font-weight: 700;
109 | line-height: 32px;
110 | }
111 | .configuration-page .headline-medium {
112 | font-family: 'Work Sans', arial, sans-serif;
113 | font-size: 16px;
114 | font-weight: 700;
115 | line-height: 24px;
116 | }
117 | .configuration-page .gradient-desk {
118 | background-image: linear-gradient(135deg, #f3f4f5, #d3dff3);
119 | min-height: 100vh;
120 | }
121 | .configuration-page .color-alert-text {
122 | color: #db0000;
123 | }
124 | .configuration-page .paper {
125 | background: #fff;
126 | border-radius: 16px;
127 | padding: 24px;
128 | }
129 | .configuration-page .margin-top-l {
130 | margin-top: 16px;
131 | }
132 | .configuration-page .margin-top-xl {
133 | margin-top: 24px;
134 | }
135 | .configuration-page .padding-bottom-xl {
136 | padding-bottom: 24px;
137 | }
138 | .configuration-page .logo-link {
139 | text-decoration: none;
140 | display: block;
141 | }
142 | .configuration-page .logo {
143 | height: 48px;
144 | margin: 32px 0 40px;
145 | }
146 | .configuration-page .project-id-form {
147 | display: flex;
148 | }
149 | .configuration-page .project-id-form__input {
150 | font-family: Inter, sans-serif;
151 | font-size: 14px;
152 | font-weight: 400;
153 | line-height: 20px;
154 | line-height: normal;
155 | border-radius: 20px;
156 | border: 1px solid #a8a8a8;
157 | padding: 0 16px;
158 | min-width: 20ch;
159 | width: 100%;
160 | max-width: 40ch;
161 | }
162 | @media (min-width: 900px) {
163 | .configuration-page .project-id-form__input {
164 | max-width: none;
165 | }
166 | }
167 | .configuration-page .project-id-form__input::placeholder {
168 | color: #6f6f6f;
169 | opacity: 1;
170 | }
171 | .configuration-page .project-id-form__input:hover {
172 | border-color: #141619;
173 | }
174 | .configuration-page .project-id-form__input:focus {
175 | border-color: #141619;
176 | outline: none;
177 | }
178 | .configuration-page .project-id-form__submit-button {
179 | margin-left: 8px;
180 | }
181 |
--------------------------------------------------------------------------------
/src/Pages/Admin/Configuration.tsx:
--------------------------------------------------------------------------------
1 | import React, { ChangeEvent, FormEvent, useEffect, useState } from 'react';
2 | import validator from 'validator';
3 | import { createClient, useClient } from '../../Client';
4 | import {
5 | defaultEnvironmentId,
6 | getSampleProjectItems,
7 | } from '../../Utilities/SelectedProject';
8 | import KontentLogo from '../../Images/Admin/kk-logo.svg';
9 | import './Configuration.css';
10 | import { spinnerService } from '@simply007org/react-spinners';
11 | import SpinnerLayout from '../../Components/SpinnerLayout';
12 | import { useNavigate } from 'react-router-dom';
13 | import { selectedEnvironmentCookieName } from '../../const';
14 | import Cookies from 'universal-cookie';
15 |
16 | type getWindowCenterPositionReturnType = {
17 | left: number;
18 | top: number;
19 | };
20 |
21 | const getWindowCenterPosition = (
22 | windowWidth: number,
23 | windowHeight: number
24 | ): getWindowCenterPositionReturnType => {
25 | const dualScreenLeft =
26 | window.screenLeft !== undefined ? window.screenLeft : window.screenX;
27 | const dualScreenTop =
28 | window.screenTop !== undefined ? window.screenTop : window.screenY;
29 | const screenWidth = window.innerWidth
30 | ? window.innerWidth
31 | : document.documentElement.clientWidth
32 | ? document.documentElement.clientWidth
33 | : window.screen.width;
34 | const screenHeight = window.innerHeight
35 | ? window.innerHeight
36 | : document.documentElement.clientHeight
37 | ? document.documentElement.clientHeight
38 | : window.screen.height;
39 | const left = screenWidth / 2 - windowWidth / 2 + dualScreenLeft;
40 | const top = screenHeight / 2 - windowHeight / 2 + dualScreenTop;
41 | return { left, top };
42 | };
43 |
44 | const Configuration: React.FC = () => {
45 | const cookies = new Cookies(document.cookie);
46 | const cookie = cookies.get(selectedEnvironmentCookieName);
47 | const navigate = useNavigate();
48 | const [currentEnvironmentInputValue, setCurrentEnvironmentInputValue] =
49 | useState(cookie);
50 |
51 | const [, setClient] = useClient();
52 |
53 | useEffect(() => {
54 | window.addEventListener('message', receiveMessage, false);
55 |
56 | // clean up the event every time the component is re-rendered
57 | return function cleanup() {
58 | window.removeEventListener('message', receiveMessage);
59 | };
60 | });
61 |
62 | const handleEnvironmentInputChange = (
63 | event: ChangeEvent
168 |
264 |
169 |
175 |
186 |
263 |
170 |
171 | 
172 |
173 |
174 |
176 |
185 | Sample Site—Configuration
177 |178 | For your sample app to work, you should have a Kontent.ai 179 | project containing content. Your app should be then configured 180 | with its environment ID. You can either get it by signing in 181 | using your Kontent.ai credentials or by signing up for a trial. 182 | Later, it will be converted to a free plan. 183 |
184 |
187 |
188 |
202 |
203 | Get a Environment ID
189 |190 | You may wish to either select from existing projects or create a 191 | new sample project. The app will be configured with its 192 | environment ID. 193 |
194 | 201 |
204 |
262 |
205 |
206 |
240 |
241 |
260 |
261 | 207 | Set A Environment ID Manually 208 |
209 |210 | Alternatively, you can configure your app manually by 211 | submitting a Environment ID below. 212 |
213 | 239 |Use the Shared Project
242 |243 | Alternatively, you may wish to use the shared project 244 | (environment ID "{defaultEnvironmentId} 245 | "). 246 |
247 |248 | Note: You cannot edit content in the shared 249 | project. 250 |
251 | 256 | setNewEnvironmentId(defaultEnvironmentId) 257 | } 258 | /> 259 |
107 | {formatMessage({ id: 'Article.noTeaserValue' })}
108 |
109 | );
110 |
111 | const postDate = makeFormatDate(currentArticle.elements.postDate.value!);
112 |
113 | const bodyCopyElement =
114 | currentArticle.elements.bodyCopy.value !== '121 | {formatMessage({ id: 'Article.noBodyCopyValue' })} 122 |
123 | ); 124 | 125 | return ( 126 |
127 |
140 |
149 |
150 | );
151 | };
152 |
153 | export default Article;
154 |
--------------------------------------------------------------------------------
/src/Pages/Articles.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { spinnerService } from '@simply007org/react-spinners';
3 | import { useEffect, useState } from 'react';
4 | import { useClient } from '../Client';
5 | import {
6 | defaultLanguage,
7 | initLanguageCodeObjectWithArray,
8 | } from '../Utilities/LanguageCodes';
9 | import { Link } from 'react-router-dom';
10 | import { useIntl } from 'react-intl';
11 | import { Article as ArticleType } from '../Models/content-types/article';
12 | import { contentTypes } from '../Models/project/contentTypes';
13 |
14 | const Articles: React.FC = () => {
15 | const { locale: language, formatDate, formatMessage } = useIntl();
16 | const [articles, setArticles] = useState(
17 | initLanguageCodeObjectWithArray{title}
141 |{postDate}
142 |
143 |
147 |
144 | {imageLink}
145 |
146 | {bodyCopyElement}
148 |
77 | {formatMessage({ id: 'noTeaserValue' })}
78 |
79 | );
80 |
81 | const summary =
82 | article.elements.summary.value.trim().length > 0
83 | ? article.elements.summary.value
84 | : formatMessage({ id: 'noSummaryValue' });
85 |
86 | const link = article.system.id;
87 |
88 | result.push(
89 |
90 |
101 | );
102 |
103 | return result;
104 | },
105 | []
106 | );
107 | return
91 | {imageLink}
92 |
100 | {postDate}
93 |
94 |
99 | 95 | {title} 96 |
97 |{summary}
98 |{articlesComponent}
;
108 | };
109 |
110 | export default Articles;
111 |
--------------------------------------------------------------------------------
/src/Pages/Brewer.tsx:
--------------------------------------------------------------------------------
1 | import { spinnerService } from '@simply007org/react-spinners';
2 | import React, { useEffect, useState } from 'react';
3 | import Metadata from '../Components/Metadata';
4 | import RichText from '../Components/RichText';
5 | import {
6 | defaultLanguage,
7 | initLanguageCodeObject,
8 | } from '../Utilities/LanguageCodes';
9 | import { useLocation, useNavigate, useParams } from 'react-router-dom';
10 | import { useIntl } from 'react-intl';
11 | import { Brewer as BrewerType } from '../Models/content-types/brewer';
12 | import { contentTypes } from '../Models/project/contentTypes';
13 | import { resolveChangeLanguageLink } from '../Utilities/LanugageLink';
14 | import { useClient } from '../Client';
15 |
16 | const Brewer: React.FC = () => {
17 | const [brewer, setBrewer] = useState(
18 | initLanguageCodeObject
76 | ) : (
77 |
78 | {formatMessage({ id: 'noTeaserValue' })}
79 |
80 | );
81 |
82 | const descriptionElement =
83 | brewerData.elements.longDescription.value !== '{formatMessage({ id: 'noDescriptionValue' })}
87 | ); 88 | 89 | return ( 90 |
91 |
104 |
118 |
119 | );
120 | };
121 |
122 | export default Brewer;
123 |
--------------------------------------------------------------------------------
/src/Pages/Cafes.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { spinnerService } from '@simply007org/react-spinners';
3 | import { useEffect, useState } from 'react';
4 | import { useClient } from '../Client';
5 | import { createCafeModel } from '../Utilities/CafeListing';
6 | import {
7 | defaultLanguage,
8 | ILanguageObjectWithArray,
9 | initLanguageCodeObjectWithArray,
10 | } from '../Utilities/LanguageCodes';
11 | import { useIntl } from 'react-intl';
12 | import { CafeModel } from '../ViewModels/CafeModel';
13 | import { Cafe } from '../Models/content-types/cafe';
14 | import { contentTypes } from '../Models/project/contentTypes';
15 |
16 | const Cafes: React.FC = () => {
17 | const { formatMessage, locale: language } = useIntl();
18 | const [cafes, setCafes] = useState
105 |
111 |
106 |
107 |
109 |
110 | {name}
108 |
112 |
117 |
113 | {imageLink}
114 |
116 | {descriptionElement}
115 |
60 |
85 | );
86 | });
87 |
88 | const partnerCafeModels = partnerCafes.map((cafe: Cafe) =>
89 | createCafeModel(cafe)
90 | );
91 |
92 | const partnerCafeLocations = partnerCafeModels
93 | .map((model: CafeModel) => model.location)
94 | .reduce((result: string[], location: string) => {
95 | if (result.indexOf(location) < 0) {
96 | result.push(location);
97 | }
98 | return result;
99 | }, [])
100 | .sort();
101 |
102 | const partnerCafeComponents = partnerCafeLocations.map((location: string) => {
103 | const locationPartnerCafes = partnerCafeModels
104 | .filter((model: CafeModel) => model.location === location)
105 | .map((model: CafeModel, modelIndex: number) => {
106 | return (
107 |
64 |
72 |
84 |
73 |
78 | {model.zipCode}, {model.countryWithState} 79 | 80 | 81 |
83 | {model.name}
74 | 75 | 76 | {model.street}, {model.city} 77 |78 | {model.zipCode}, {model.countryWithState} 79 | 80 | 81 |
{model.phone}
82 |108 | {model.name}, {model.street}, {model.phone} 109 |
110 | ); 111 | }); 112 | 113 | return ( 114 |
115 |
118 | );
119 | });
120 |
121 | return (
122 | {location}
116 | {locationPartnerCafes} 117 |
123 |
128 | );
129 | };
130 |
131 | export default Cafes;
132 |
--------------------------------------------------------------------------------
/src/Pages/Coffee.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { spinnerService } from '@simply007org/react-spinners';
3 | import { useEffect, useState } from 'react';
4 | import { useClient } from '../Client';
5 | import Metadata from '../Components/Metadata';
6 | import RichText from '../Components/RichText';
7 | import {
8 | defaultLanguage,
9 | initLanguageCodeObject,
10 | } from '../Utilities/LanguageCodes';
11 | import { useLocation, useNavigate, useParams } from 'react-router-dom';
12 | import { useIntl } from 'react-intl';
13 | import { Coffee as CoffeeType } from '../Models/content-types/coffee';
14 | import { contentTypes } from '../Models/project/contentTypes';
15 | import { resolveChangeLanguageLink } from '../Utilities/LanugageLink';
16 |
17 | const Coffee: React.FC = () => {
18 | const [coffee, setCoffee] = useState(initLanguageCodeObject{formatMessage({ id: 'Cafes.ourCafesTitle' })}
124 |{companyCafeComponents}
125 | {formatMessage({ id: 'Cafes.partnerCafesTitle' })}
126 |{partnerCafeComponents}
127 | 
75 | ) : (
76 |
77 | {formatMessage({ id: 'noTeaserValue' })}
78 |
79 | );
80 |
81 | const descriptionElement =
82 | coffeeData.elements.longDescription.value !== '{formatMessage({ id: 'noDescriptionValue' })}
86 | ); 87 | 88 | const farm = 89 | coffeeData.elements.farm.value.trim().length > 0 90 | ? coffeeData.elements.farm.value 91 | : '\u00A0'; 92 | 93 | const variety = 94 | coffeeData.elements.variety.value.trim().length > 0 95 | ? coffeeData.elements.variety.value 96 | : '\u00A0'; 97 | 98 | const processing = 99 | coffeeData.elements.processing.value.length > 0 100 | ? coffeeData.elements.processing.value[0].name 101 | : '\u00A0'; 102 | const altitude = 103 | coffeeData.elements.altitude.value.trim().length > 0 104 | ? coffeeData.elements.altitude.value + ' feet' 105 | : '\u00A0'; 106 | 107 | return ( 108 |
109 |
122 |
151 |
152 | );
153 | };
154 |
155 | export default Coffee;
156 |
--------------------------------------------------------------------------------
/src/Pages/Contacts.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { spinnerService } from '@simply007org/react-spinners';
3 | import { useEffect, useState } from 'react';
4 | import { createCafeModel } from '../Utilities/CafeListing';
5 | import {
6 | defaultLanguage,
7 | initLanguageCodeObjectWithArray,
8 | } from '../Utilities/LanguageCodes';
9 | import { useIntl } from 'react-intl';
10 | import { Cafe } from '../Models/content-types/cafe';
11 | import { contentTypes } from '../Models/project/contentTypes';
12 | import { useClient } from '../Client';
13 |
14 | const Contacts: React.FC = () => {
15 | const { locale: language, formatMessage } = useIntl();
16 | const [companyCafes, setCompanyCafes] = useState(
17 | initLanguageCodeObjectWithArray
123 |
129 |
124 |
125 |
127 |
128 | {name}
126 |
130 |
150 |
131 | {imageLink}
132 |
149 |
133 | {descriptionElement}
134 |
148 |
135 |
147 | Parameters
136 |-
137 |
- Farm 138 |
- {farm} 139 |
- Variety 140 |
- {variety} 141 |
- Processing 142 |
- {processing} 143 |
- Altitude 144 |
- {altitude} 145 |
52 |
71 | );
72 |
73 | const companyCafeComponents = companyCafes[language].map((cafe: Cafe) => {
74 | const model = createCafeModel(cafe);
75 | return (
76 | 53 | {formatMessage({ id: 'Contacts.roasteryTitle' })} 54 |
55 |-
56 |
- {roastery.phone} 57 |
- 58 | 59 | {roastery.email} 60 | 61 | 62 |
-
63 |
64 | {roastery.dataAddress},
68 |
65 | {roastery.zipCode}, {roastery.countryWithState} 66 |
67 |
69 |
77 |
94 | );
95 | });
96 | return (
97 |
81 |
93 |
82 |
87 | {model.zipCode}, {model.countryWithState} 88 | 89 | 90 |
92 | {model.name}
83 | 84 | 85 | {model.street}, {model.city} 86 |87 | {model.zipCode}, {model.countryWithState} 88 | 89 | 90 |
{model.phone}
91 |
98 | {roasteryComponent}
99 |
104 | );
105 | };
106 |
107 | export default Contacts;
108 |
--------------------------------------------------------------------------------
/src/Pages/Home.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { spinnerService } from '@simply007org/react-spinners';
3 | import { useEffect, useState } from 'react';
4 | import Banner from '../Components/Banner';
5 | import LatestArticles from '../Components/LatestArticles';
6 | import LinkButton from '../Components/LinkButton';
7 | import Metadata from '../Components/Metadata';
8 | import OurStory from '../Components/OurStory';
9 | import TasteOurCoffee from '../Components/TasteOurCoffee';
10 | import { getAboutUsLink } from '../Utilities/ContentLinks';
11 | import {
12 | defaultLanguage,
13 | initLanguageCodeObject,
14 | } from '../Utilities/LanguageCodes';
15 | import { useIntl } from 'react-intl';
16 | import { Home as HomeType } from '../Models/content-types/home';
17 | import { contentTypes } from '../Models/project/contentTypes';
18 | import { useClient } from '../Client';
19 |
20 | const Home: React.FC = () => {
21 | const { locale: language, formatMessage } = useIntl();
22 | const [homeData, setHomeData] = useState(initLanguageCodeObject
100 |
103 | {formatMessage({ id: 'Contacts.ourCafesTitle' })}
101 |{companyCafeComponents}
102 |
54 |
97 | );
98 | }
99 |
100 | return <>;
101 | };
102 |
103 | export default Home;
104 |
--------------------------------------------------------------------------------
/src/Pages/NotFound.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { FormattedMessage } from 'react-intl';
3 |
4 | export const NotFound: React.FC = () => {
5 | return (
6 |
7 |
14 | );
15 | };
16 |
--------------------------------------------------------------------------------
/src/Pages/Store.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { Route, Link, Routes } from 'react-router-dom';
3 | import CoffeeStoreContainer from '../Components/CoffeeStoreContainer';
4 | import BrewerStoreContainer from '../Components/BrewerStoreContainer';
5 | import { useIntl } from 'react-intl';
6 |
7 | const Store: React.FC = () => {
8 | const { formatMessage } = useIntl();
9 |
10 | return (
11 |
8 |
10 |
12 |
13 | 404
9 |
10 |
12 |
12 |
37 | );
38 | };
39 |
40 | export default Store;
41 |
--------------------------------------------------------------------------------
/src/Utilities/CafeListing.ts:
--------------------------------------------------------------------------------
1 | import { Cafe } from '../Models/content-types/cafe';
2 | import { CafeModel } from '../ViewModels/CafeModel';
3 |
4 | const createCafeModel = (cafe: Cafe): CafeModel => {
5 | const model = {
6 | name: cafe.system.name,
7 | email: cafe.elements.email.value,
8 | imageLink: 'url(' + cafe.elements.photo.value[0].url + ')',
9 | street: cafe.elements.street.value,
10 | city: cafe.elements.city.value,
11 | zipCode: cafe.elements.zipCode.value,
12 | country: cafe.elements.country.value,
13 | state: cafe.elements.state.value,
14 | phone: cafe.elements.phone.value,
15 | };
16 |
17 | const addressModel = {
18 | dataAddress: model.city + ', ' + model.street,
19 | countryWithState: model.country + (model.state ? ', ' + model.state : ''),
20 | };
21 |
22 | const locationModel = {
23 | location: model.city + ', ' + addressModel.countryWithState,
24 | };
25 |
26 | return { ...model, ...addressModel, ...locationModel };
27 | };
28 |
29 | export { createCafeModel };
30 |
--------------------------------------------------------------------------------
/src/Utilities/CheckboxFilter.ts:
--------------------------------------------------------------------------------
1 | import { IContentItem, IContentItemElements } from '@kontent-ai/delivery-sdk';
2 |
3 | const matchesTaxonomy = (
4 | item: IContentItem,
5 | filter: string[],
6 | elementName: string
7 | ): boolean => {
8 | if (filter.length === 0) {
9 | return true;
10 | }
11 | const codenames = item.elements[elementName].value.map(
12 | (x: IContentItemElements) => x.codename
13 | );
14 | return codenames.some((x: string) => filter.includes(x));
15 | };
16 |
17 | export { matchesTaxonomy };
18 |
--------------------------------------------------------------------------------
/src/Utilities/ContentLinks.ts:
--------------------------------------------------------------------------------
1 | import { englishCode, spanishCode } from './LanguageCodes';
2 |
3 | interface linkType {
4 | linkId?: string;
5 | type: string;
6 | urlSlug: string;
7 | }
8 |
9 | export function getAboutUsLink(language: string): string {
10 | return !language || language.toLowerCase() === englishCode.toLowerCase()
11 | ? `about-us`
12 | : language && language.toLowerCase() === spanishCode.toLowerCase()
13 | ? `acerca-de`
14 | : '';
15 | }
16 |
17 | export function resolveContentLink(
18 | link: linkType,
19 | language: string = englishCode
20 | ): string {
21 | let resultLink;
22 | switch (link.type) {
23 | case 'about_us':
24 | resultLink = `${link.urlSlug}`;
25 | break;
26 |
27 | case 'fact_about_us':
28 | resultLink = `${getAboutUsLink(language)}`;
29 | break;
30 |
31 | case 'article':
32 | resultLink = `articles/${link.linkId}`;
33 | break;
34 |
35 | case 'brewer':
36 | resultLink = `brewers/${link.urlSlug}`;
37 | break;
38 |
39 | case 'cafe':
40 | resultLink = 'cafes';
41 | break;
42 |
43 | case 'coffee':
44 | resultLink = `coffees/${link.urlSlug}`;
45 | break;
46 |
47 | case 'office':
48 | resultLink = 'contacts';
49 | break;
50 |
51 | case 'home':
52 | resultLink = '';
53 | break;
54 |
55 | default:
56 | resultLink = '';
57 | break;
58 | }
59 |
60 | return `/${language}/${resultLink}`.toLowerCase();
61 | }
62 |
--------------------------------------------------------------------------------
/src/Utilities/LanguageCodes.ts:
--------------------------------------------------------------------------------
1 | import { IContentItem } from '@kontent-ai/delivery-sdk';
2 |
3 | const languageCodes = [
4 | 'en-US', // default languages
5 | 'es-ES',
6 | ];
7 |
8 | const englishCode = languageCodes[0];
9 | const spanishCode = languageCodes[1];
10 |
11 | const languageCodesLowerCase = languageCodes.map((code) => code.toLowerCase());
12 |
13 | const defaultLanguage = languageCodes[0];
14 |
15 | export interface ILanguageObject
13 |
29 |
30 |
31 |
35 |
36 |