Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

updated community links #3014

Merged
merged 3 commits into from
Aug 10, 2023
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
10 changes: 6 additions & 4 deletions lang/ca.json
Original file line number Diff line number Diff line change
Expand Up @@ -206,10 +206,8 @@
"label.clear": "Netejar",
"label.clear_all_filters": "Netejar tots els filtres",
"label.close": "Tanca",
"label.collection_of": "Collection of",
"label.coming_soon": "Properament...",
"label.community": "Comunitat",
"label.community_of_makers": "Community of makers",
"label.complete_profile.desc": "Completa el teu perfil per gestionar millor les teves donacions i projectes",
"label.complete_your_profile": "Completa el teu perfil",
"label.confirm": "Confirma",
Expand Down Expand Up @@ -251,6 +249,7 @@
"label.delete": "Esborrar",
"label.delete_pic": "Eliminar imatge",
"label.didnt_get_the_givdrop": "No has rebut el GIVdrop?",
"label.discover_our": "Discover our",
"label.discover_our_roadmap": "descobreix la nostra planificació estratègica",
"label.discover_what_makes_giveth_different": "Descobreix què diferencia a Giveth d'altres plataformes de donacions",
"label.dismiss": "Descartar",
Expand Down Expand Up @@ -349,6 +348,7 @@
"label.funding_from_traces": "Finançament de Traces",
"label.generate_your_unique_url": "Obté la teva URL única per compartir amb la teva xarxa.",
"label.getting_started": "Començant",
"label.get_a": "Get a",
"label.get_crypto": "Obtén cripto",
"label.get_crypto_with_mtpelerin": "Obtén Crypto amb Mt Pelerin",
"label.get_giv": "Obteniu GIV",
Expand All @@ -374,8 +374,8 @@
"label.give": "Dóna",
"label.giveconomy": "GIVeconomy",
"label.giveconomy_activities": "Activitats de GIVeconomy",
"label.givers_nft": "Givers NFT",
"label.givers_pfp_holders": "Givers PFP Holders will be able to claim their own unique ",
"label.giver_nfts": "Giver NFTs",
"label.giveth_builds_community": "Giveth construeix comunitat",
"label.giveth_builds_community.bullet.four": "Giveth contacta activament amb iniciatives similars que veu com a col·laboradors potencials, en lloc de competidors.",
"label.giveth_builds_community.bullet.one": "Giveth és una comunitat inclusiva unida per un objectiu comú.",
Expand Down Expand Up @@ -477,12 +477,12 @@
"label.is_your_project_part_of_a_non_profit": "El teu projecte forma part d'una organització sense ànim de lucre registrada?",
"label.i_accept_all_giveth_tos": "Accepto tots els termes i condicions de la comunitat de Giveth.",
"label.i_dont_want_to_support_giveth": "No vull donar suport a Giveth amb la meva donació",
"label.join_and_keep_in_touch": "Join & keep in touch",
"label.join_desc_one": "Giveth és, sobretot, una comunitat de donants i creadors de canvi. Som persones apassionades que treballen juntes per construir un sistema cripto-econòmic que pugui recompensar les donacions a bones causes. El nostre projecte és de codi obert, descentralitzat, altruista i dirigit per la comunitat.",
"label.join_desc_two": "Pots unir-te a la nostra Community Call cada dijous a Discord, seguir les nostres xarxes socials o venir a saludar a un canal a continuació. Esperem donar-te la benvinguda!",
"label.join_our_community_driven_movement": "Uneix-te al nostre moviment impulsat per la comunitat per transformar la manera en què finançem les organitzacions sense ànim de lucre i les causes socials.",
"label.join_our_discord": "uneix-te al nostre Discord",
"label.join_page": "Uniu-vos a la comunitat",
"label.join_us": "Join Us",
"label.join_us_on": "Uneix-te a nosaltres a",
"label.join_us_on_any_social_media": "Uneix-te a qualsevol dels nostres canals socials",
"label.just_launched": "Acabat de llançar",
Expand All @@ -493,6 +493,7 @@
"label.last_updated": "Última Actualització",
"label.latest_updates": "Últimes actualitzacions",
"label.learn": "Aprendre",
"label.learn_how_to": "Learn how to",
"label.learn_how_to_become_an_active_part": "Aprèn com convertir-te en un agent actiu de la nostra xarxa de donacions.",
"label.learn_more": "Aprèn-ne més",
"label.learn_more_about": "Learn more about the benefits.",
Expand Down Expand Up @@ -540,6 +541,7 @@
"label.mint_again": "Encunya una altra vegada",
"label.mint_your_giver": "Encunya el teu Giver",
"label.min_one_round": "Mín 1 ronda",
"label.mission": "Mission",
"label.mission_vission": "Misió i Visió",
"label.more_about_us": "Més sobre nosaltres",
"label.mtpelerin_pricing_starts_at_zero": "La tarifa de MtPelerin comença en 0%, molt difícil de superar! En general, intentem mantenir la nostra estructura de preus tant atractiva, simple i transparent com sigui possible. Donem a l'usuari la millor taxa de canvi que podem trobar com a comerciants professionals al mercat. Cobrem un petit percentatge a sobre d'aquesta tarifa per sobre dels 500$ per any, per sota d'això no cobrem res.",
Expand Down
10 changes: 6 additions & 4 deletions lang/en.json
Original file line number Diff line number Diff line change
Expand Up @@ -206,10 +206,8 @@
"label.clear": "Clear",
"label.clear_all_filters": "Clear all Filters",
"label.close": "Close",
"label.collection_of": "Collection of",
"label.coming_soon": "Coming soon...",
"label.community": "Community",
"label.community_of_makers": "Community of makers",
"label.complete_profile.desc": "Complete your profile for better management of your donations & projects",
"label.complete_your_profile": "Complete your profile",
"label.confirm": "Confirm",
Expand Down Expand Up @@ -251,6 +249,7 @@
"label.delete": "Delete",
"label.delete_pic": "Delete picture",
"label.didnt_get_the_givdrop": "Didn’t get the GIVdrop?",
"label.discover_our": "Discover our",
"label.discover_our_roadmap": "discover our roadmap",
"label.discover_what_makes_giveth_different": "Discover what makes Giveth different from other donation platforms",
"label.dismiss": "Dismiss",
Expand Down Expand Up @@ -349,6 +348,7 @@
"label.funding_from_traces": "Funding from Traces",
"label.generate_your_unique_url": "Get your unique URL to share with your network.",
"label.getting_started": "Getting Started",
"label.get_a": "Get a",
"label.get_crypto": "Get crypto",
"label.get_crypto_with_mtpelerin": "Get Crypto with Mt Pelerin",
"label.get_giv": "Get GIV",
Expand All @@ -374,8 +374,8 @@
"label.give": "Give",
"label.giveconomy": "GIVeconomy",
"label.giveconomy_activities": "GIVeconomy activities",
"label.givers_nft": "Givers NFT",
"label.givers_pfp_holders": "Givers PFP Holders will be able to claim their own unique ",
"label.giver_nfts": "Giver NFTs",
"label.giveth_builds_community": "Giveth builds Community",
"label.giveth_builds_community.bullet.four": "Giveth proactively reaches out to similar initiatives which we see as potential collaborators, as opposed to competitors.",
"label.giveth_builds_community.bullet.one": "Giveth is an inclusive community united around a common goal.",
Expand Down Expand Up @@ -477,12 +477,12 @@
"label.is_your_project_part_of_a_non_profit": "Is your project part of a registered non-profit organization?",
"label.i_accept_all_giveth_tos": "I accept all of the Giveth community terms and conditions.",
"label.i_dont_want_to_support_giveth": "I do not want to support Giveth with my donation",
"label.join_and_keep_in_touch": "Join & keep in touch",
"label.join_desc_one": "Giveth is first and foremost a community of givers and changemakers. We are passionate people working together to build a crypto-economic system that can reward giving to good causes. Our project is open-source, decentralized, altruistic, and community-led.",
"label.join_desc_two": "You can join our Community Call every Thursday in Discord, follow our social media, or come say hello in a channel below. We look forward to welcoming you!",
"label.join_our_community_driven_movement": "Join our community-driven movement to transform the way we fund nonprofits and social causes.",
"label.join_our_discord": "join our discord",
"label.join_page": "Join Page",
"label.join_us": "Join Us",
"label.join_us_on": "join us on",
"label.join_us_on_any_social_media": "Join us on any of our social channels",
"label.just_launched": "Just launched",
Expand All @@ -493,6 +493,7 @@
"label.last_updated": "Last Updated",
"label.latest_updates": "Latest Updates",
"label.learn": "Learn",
"label.learn_how_to": "Learn how to",
"label.learn_how_to_become_an_active_part": "Learn how to become an active part of our giving network.",
"label.learn_more": "Learn more",
"label.learn_more_about": "Learn more about the benefits.",
Expand Down Expand Up @@ -540,6 +541,7 @@
"label.mint_again": "Mint Again",
"label.mint_your_giver": "Mint your Giver",
"label.min_one_round": "Min 1 round",
"label.mission": "Mission",
"label.mission_vission": "Mission & Vision",
"label.more_about_us": "More about us",
"label.mtpelerin_pricing_starts_at_zero": "MtPelerin's pricing starts at 0%, hard to beat that! Overall, we try to keep our pricing structure as attractive, simple and transparent as possible. We give the user the best exchange rate that we can find as pro traders on the market. We charge a small percentage on top of that rate above $500 per year, below that we don't charge anything.",
Expand Down
10 changes: 6 additions & 4 deletions lang/es.json
Original file line number Diff line number Diff line change
Expand Up @@ -206,10 +206,8 @@
"label.clear": "Limpiar",
"label.clear_all_filters": "Limpiar Filtros",
"label.close": "Cerrar",
"label.collection_of": "Collection of",
"label.coming_soon": "Muy pronto...",
"label.community": "Comunidad",
"label.community_of_makers": "Community of makers",
"label.complete_profile.desc": "Completa tu perfil para administrar mejor tus donaciones y proyectos",
"label.complete_your_profile": "Completa tu perfil",
"label.confirm": "Confirmar",
Expand Down Expand Up @@ -251,6 +249,7 @@
"label.delete": "Borrar",
"label.delete_pic": "Borrar imagen",
"label.didnt_get_the_givdrop": "¿No has recibido el GIVdrop?",
"label.discover_our": "Discover our",
"label.discover_our_roadmap": "descubre nuestra hoja de ruta",
"label.discover_what_makes_giveth_different": "Descubre qué diferencía a Giveth de otras plataformas de donaciones",
"label.dismiss": "Ignorar",
Expand Down Expand Up @@ -349,6 +348,7 @@
"label.funding_from_traces": "Financiación de Traces",
"label.generate_your_unique_url": "Obtén tu URL única para compartir con tu comunidad.",
"label.getting_started": "Empezando",
"label.get_a": "Get a",
"label.get_crypto": "Obtén cripto",
"label.get_crypto_with_mtpelerin": "Obtén Crypto con Mt Pelerin",
"label.get_giv": "Obtén GIV",
Expand All @@ -374,8 +374,8 @@
"label.give": "Da",
"label.giveconomy": "GIVeconomy",
"label.giveconomy_activities": "Actividades en GIVeconomy",
"label.givers_nft": "Givers NFT",
"label.givers_pfp_holders": "Givers PFP Holders will be able to claim their own unique ",
"label.giver_nfts": "Giver NFTs",
"label.giveth_builds_community": "Giveth construye comunidad",
"label.giveth_builds_community.bullet.four": "Giveth se acerca de forma proactiva a iniciativas similares para colaborar, en vez de competir.",
"label.giveth_builds_community.bullet.one": "Giveth es una comunidad inclusiva unida alrededor de un fin común.",
Expand Down Expand Up @@ -477,12 +477,12 @@
"label.is_your_project_part_of_a_non_profit": "¿Tu proyecto es parte de una organización sin ánimo de lucro registrada?",
"label.i_accept_all_giveth_tos": "Acepto todos los términos y condiciones de la comunidad de Giveth.",
"label.i_dont_want_to_support_giveth": "No deseo apoyar a Giveth con mi donación",
"label.join_and_keep_in_touch": "Join & keep in touch",
"label.join_desc_one": "Giveth es, ante todo, una comunidad de donantes y agentes de cambio. Somos personas apasionadas que trabajan juntas para construir un sistema cripto-económico que pueda recompensar las donaciones a buenas causas. Nuestro proyecto es de código abierto, descentralizado, altruista y dirigido por la comunidad.",
"label.join_desc_two": "Puedes entrar a nuestra Community Call todos los jueves en Discord, sigue nuestras redes sociales o ven a saludarnos en alguno de los canales de abajo. ¡Estaremos encantados de recibirte!",
"label.join_our_community_driven_movement": "Únete a nuestro movimiento impulsado por la comunidad para transformar la forma en que financiamos las organizaciones sin fines de lucro y las causas sociales.",
"label.join_our_discord": "únete a nuestro Discord",
"label.join_page": "Únete a la comunidad",
"label.join_us": "Join Us",
"label.join_us_on": "Únete en",
"label.join_us_on_any_social_media": "Únete en cualquier de nuestros canales sociales",
"label.just_launched": "Acabado de lanzar",
Expand All @@ -493,6 +493,7 @@
"label.last_updated": "Ultima Actualización",
"label.latest_updates": "Últimas actualizaciones",
"label.learn": "Aprender",
"label.learn_how_to": "Learn how to",
"label.learn_how_to_become_an_active_part": "Aprenda cómo convertirse en un agente activo de nuestra red de donaciones.",
"label.learn_more": "Aprende más",
"label.learn_more_about": "Learn more about the benefits.",
Expand Down Expand Up @@ -540,6 +541,7 @@
"label.mint_again": "Haz otro mint",
"label.mint_your_giver": "Mintea tu Giver",
"label.min_one_round": "Min 1 ronda",
"label.mission": "Mission",
"label.mission_vission": "Misión & Visión",
"label.more_about_us": "Más acerca de nosotros",
"label.mtpelerin_pricing_starts_at_zero": "La tarifa de MtPelerin comienza en 0%, ¡muy difícil de superar! En general, tratamos de mantener nuestra estructura de precios lo más atractiva, simple y transparente posible. Damos al usuario la mejor tasa de cambio que podemos encontrar como comerciantes profesionales en el mercado. Cobramos un pequeño porcentaje a esa tarifa cuando se superan los $500 por año, por debajo de eso no cobramos nada.",
Expand Down
94 changes: 62 additions & 32 deletions src/components/menu/CommunityItems.tsx
Original file line number Diff line number Diff line change
@@ -1,46 +1,76 @@
import React from 'react';
import React, { FC } from 'react';
import Link from 'next/link';
import { Caption, GLink } from '@giveth/ui-design-system';
import styled from 'styled-components';
import { GLink } from '@giveth/ui-design-system';
import { useIntl } from 'react-intl';
import { useAppSelector } from '@/features/hooks';
import { ItemRow, ItemTitle } from './common';
import Routes from '@/lib/constants/Routes';
import { Item } from './Item';
import links from '@/lib/constants/links';

export const CommunityItems = () => {
const theme = useAppSelector(state => state.general.theme);
const { formatMessage } = useIntl();

const communityItems = [
{
title: formatMessage({ id: 'label.giver_nfts' }),
label: formatMessage({ id: 'label.collection_of' }),
href: Routes.NFT,
},
{
title: formatMessage({ id: 'label.join_and_keep_in_touch' }),
label: formatMessage({ id: 'label.community_of_makers' }),
href: Routes.Join,
},
];
const communityItems = [
{
title: 'label.get_a',
label: 'label.givers_nft',
href: Routes.NFT,
},
{
title: 'label.learn_how_to',
label: 'label.join_us',
href: Routes.Join,
},
{
title: 'label.discover_our',
label: 'label.mission',
href: links.OUR_MISSION,
isExternal: true,
},
];

export const CommunityItems = () => {
return (
<>
{communityItems.map((item, idx) => (
<Link key={idx} href={item.href}>
<Item theme={theme}>
<ItemTitle theme={theme}>{item.title}</ItemTitle>
<ItemRow>
<GLink>{item.label}</GLink>
</ItemRow>
</Item>
</Link>
))}
{communityItems.map((item, idx) =>
item.isExternal ? (
<a
key={idx}
href={item.href}
target='_blank'
rel='noopener noreferrer'
>
<CommunityItem item={item} />
</a>
) : (
<Link key={idx} href={item.href}>
<CommunityItem item={item} />
</Link>
),
)}
</>
);
};

const LabelStyle = styled(Caption)`
margin: 24px 16px 16px;
`;
interface ICommunityItemProps {
item: {
title: string;
label: string;
href: string;
isExternal?: boolean;
};
}

export const CommunityItem: FC<ICommunityItemProps> = ({ item }) => {
const theme = useAppSelector(state => state.general.theme);
const { formatMessage } = useIntl();

return (
<Item theme={theme}>
<ItemTitle theme={theme}>
{formatMessage({ id: item.title })}
</ItemTitle>
<ItemRow>
<GLink>{formatMessage({ id: item.label })}</GLink>
</ItemRow>
</Item>
);
};
32 changes: 16 additions & 16 deletions src/components/menu/LinkWithMenu.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -33,26 +33,26 @@ export const LinkWithMenu: FC<ILinkWithMenu> = ({
}, [isHeaderShowing]);

return (
<Link href={href}>
<LinkWithMenuContainer
onMouseEnter={openMenu}
onMouseLeave={closeMenu}
ref={elRef}
theme={theme}
>
<LinkWithMenuContainer
onMouseEnter={openMenu}
onMouseLeave={closeMenu}
ref={elRef}
theme={theme}
>
<Link href={href}>
<GLink size='Big'>{title}</GLink>
<ArrowContainer up={showMenu}>
<IconChevronDown24 />
</ArrowContainer>
{menuCondition && (
<ItemsProvider close={closeMenu}>
<Menu isAnimating={showMenu} parentRef={elRef}>
{children}
</Menu>
</ItemsProvider>
)}
</LinkWithMenuContainer>
</Link>
</Link>
{menuCondition && (
<ItemsProvider close={closeMenu}>
<Menu isAnimating={showMenu} parentRef={elRef}>
{children}
</Menu>
</ItemsProvider>
)}
</LinkWithMenuContainer>
);
};

Expand Down
Loading