Skip to content

Commit 0f89652

Browse files
mateuszlampertmateuszlampert
authored
fix: update urls to contact form (#750)
## Description Because of moving contact form from swmansion.com/contact/projects to swmansion.com/contact all of our contact links/buttons have stopped working. This PR updates urls in all `Hire Us`/Contact sections in our docs and README. Because our library (t-rex-ui) does not support customising the url, a `HireUsButton` component is added and styled as a copy of original `HomepageButton`. ### Introduces a breaking change? - [ ] Yes - [x] No ### Type of change - [ ] Bug fix (change which fixes an issue) - [ ] New feature (change which adds functionality) - [x] Documentation update (improves or adds clarity to existing documentation) - [ ] Other (chores, tests, code style improvements etc.) ### Tested on - [ ] iOS - [ ] Android ### Testing instructions - `yarn build -> yarn serve` - check if all links in docs and README work ### Screenshots #### Before https://github.com/user-attachments/assets/7690295f-ced5-40d6-8db1-692f2598097f #### After https://github.com/user-attachments/assets/f6f75f0a-3378-41cd-8dac-0ef6a29367ef ### Related issues <!-- Link related issues here using #issue-number --> ### Checklist - [ ] I have performed a self-review of my code - [ ] I have commented my code, particularly in hard-to-understand areas - [ ] I have updated the documentation accordingly - [ ] My changes generate no new warnings ### Additional notes **Note:** I added an issue in `t-rex-ui` library to make the component more customisable. We should make sure to move back to the original components after the issue is resolved, so we stay in sync with original library.
1 parent a132c5b commit 0f89652

File tree

10 files changed

+170
-7
lines changed

10 files changed

+170
-7
lines changed

‎README.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -149,6 +149,6 @@ To learn about our upcoming plans and developments, please visit our [milestones
149149

150150
## React Native ExecuTorch is created by Software Mansion
151151

152-
Since 2012, [Software Mansion](https://swmansion.com) is a software agency with experience in building web and mobile apps. We are Core React Native Contributors and experts in dealing with all kinds of React Native issues. We can help you build your next dream product – [Hire us](https://swmansion.com/contact/projects?utm_source=react-native-executorch&utm_medium=readme).
152+
Since 2012, [Software Mansion](https://swmansion.com) is a software agency with experience in building web and mobile apps. We are Core React Native Contributors and experts in dealing with all kinds of React Native issues. We can help you build your next dream product – [Hire us](https://swmansion.com/contact?utm_source=react-native-executorch&utm_medium=readme).
153153

154154
[![swm](https://logo.swmansion.com/logo?color=white&variant=desktop&width=150&tag=react-native-executorch-github 'Software Mansion')](https://swmansion.com)

‎docs/src/pages/index.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -35,7 +35,7 @@ const Home = () => {
3535
<Carousel />
3636
<div className={styles.hireUsSection}>
3737
<HireUsSection
38-
href="https://swmansion.com/contact/projects?utm_source=react-native-executorch&utm_medium=docs"
38+
href="https://swmansion.com/contact?utm_source=react-native-executorch&utm_medium=docs"
3939
content="React Native Core Contributors and experts in dealing with all kinds of React Native issues. Need help using React Native ExecuTorch or deploying and running AI models on your device? Let's tackle it together."
4040
/>
4141
</div>

‎docs/src/theme/TOCItems/HireUsButton.tsx‎

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
import React from 'react';
2+
import styles from './styles.module.css';
3+
4+
import ArrowRight from '@site/static/img/arrow-right-hero.svg';
5+
import clsx from 'clsx';
6+
7+
const HireUsButton: React.FC<{
8+
title: string;
9+
href: string;
10+
target?: '_blank' | '_parent' | '_self' | '_top';
11+
backgroundStyling?: string;
12+
borderStyling?: string;
13+
}> = ({ title, href, target = '_self', backgroundStyling, borderStyling }) => {
14+
return (
15+
<a href={href} target={target} className={styles.hireUsButtonLink}>
16+
<div
17+
className={clsx(styles.hireUsButton, backgroundStyling, borderStyling)}
18+
>
19+
{title}
20+
<div className={styles.arrow}>
21+
<ArrowRight />
22+
</div>
23+
</div>
24+
</a>
25+
);
26+
};
27+
28+
export default HireUsButton;

‎docs/src/theme/TOCItems/index.tsx‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
import React from 'react';
22
import { TOCItems } from '@swmansion/t-rex-ui';
33
import styles from './styles.module.css';
4+
import HireUsButton from './HireUsButton';
45

56
const TOCItemsWrapper = ({
67
toc,
@@ -15,6 +16,19 @@ const TOCItemsWrapper = ({
1516
<div className={styles.TOCItemsWrapper}>
1617
<TOCItems
1718
toc={toc}
19+
slot={
20+
<div className={styles.hireUsContainer}>
21+
<p>We are Software Mansion.</p>
22+
<div className={styles.buttonContainer}>
23+
<HireUsButton
24+
href="https://swmansion.com/contact?utm_source=react-native-executorch&utm_medium=sidebar"
25+
title="Hire us"
26+
backgroundStyling={styles.buttonTOCStyling}
27+
borderStyling={styles.buttonTOCBorderStyling}
28+
/>
29+
</div>
30+
</div>
31+
}
1832
className={className}
1933
linkClassName={linkClassName}
2034
linkActiveClassName={linkActiveClassName}

‎docs/src/theme/TOCItems/styles.module.css‎

Lines changed: 121 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,124 @@
11
[data-theme='light'] .TOCItemsWrapper > div {
22
background-color: var(--swm-cornflower-20);
33
}
4+
5+
.hireUsContainer {
6+
padding: 26px 20px;
7+
display: flex;
8+
flex-direction: column;
9+
align-items: center;
10+
background-color: var(--swm-blue-light-20);
11+
gap: 1rem;
12+
}
13+
14+
[data-theme='dark'] .hireUsContainer {
15+
border: 1px solid var(--swm-navy-light-40);
16+
background-color: transparent;
17+
}
18+
19+
.buttonContainer {
20+
width: 100%;
21+
height: 48px !important;
22+
font-size: 16px;
23+
font-weight: 500;
24+
}
25+
26+
.hireUsContainer p {
27+
font-size: 16px;
28+
font-weight: 500;
29+
margin: 0;
30+
color: var(--swm-navy-light-100);
31+
text-align: center;
32+
}
33+
34+
[data-theme='dark'] .hireUsContainer p {
35+
background-color: transparent;
36+
color: var(--swm-navy-light-40);
37+
}
38+
39+
/* HIRE US TOC - button styling */
40+
41+
.buttonTOCStyling {
42+
background-color: var(--swm-hire-us-toc);
43+
color: var(--swm-hire-us-toc-color);
44+
}
45+
46+
.buttonTOCStyling:hover {
47+
background-color: transparent;
48+
color: var(--swm-hire-us-toc-color-hover);
49+
}
50+
51+
.buttonTOCStyling svg {
52+
stroke: var(--swm-hire-us-toc-color);
53+
}
54+
55+
.buttonTOCStyling:hover svg {
56+
stroke: var(--swm-hire-us-toc-color-hover);
57+
}
58+
59+
.buttonTOCBorderStyling {
60+
border: 1px solid var(--swm-hire-us-toc);
61+
}
62+
63+
.buttonTOCBorderStyling:hover {
64+
border: 1px solid var(--swm-hire-us-toc-border-hover);
65+
}
66+
67+
.hireUsButton {
68+
height: 48px;
69+
padding: 1em 1.5em 1em 1em;
70+
71+
font-weight: 500;
72+
font-size: 16px;
73+
text-wrap: nowrap;
74+
75+
cursor: pointer;
76+
transition:
77+
background-color 0.3s,
78+
color 0.3s;
79+
80+
display: flex;
81+
align-items: center;
82+
justify-content: center;
83+
}
84+
85+
a.hireUsButtonLink:hover {
86+
text-decoration: none !important;
87+
}
88+
89+
@media (max-width: 768px) {
90+
.hireUsButton,
91+
.hireUsButtonLink {
92+
width: 100%;
93+
}
94+
.hireUsButton {
95+
font-size: 18px;
96+
}
97+
}
98+
99+
.hireUsButton p {
100+
margin: 0 0 2px 0;
101+
}
102+
103+
.arrow {
104+
position: relative;
105+
display: flex;
106+
justify-content: center;
107+
align-items: center;
108+
109+
width: 16px;
110+
height: 16px;
111+
transition: left 0.3s;
112+
left: 8px;
113+
}
114+
115+
.hireUsButton:hover .arrow {
116+
left: 16px;
117+
}
118+
119+
.hireUsButton svg {
120+
stroke-width: 1.5;
121+
stroke-linecap: round;
122+
stroke-linejoin: round;
123+
transition: stroke 0.3s;
124+
}

‎readmes/README_cn.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -146,6 +146,6 @@ https://docs.swmansion.com/react-native-executorch
146146

147147
## React Native ExecuTorch 是由 Software Mansion 创建的
148148

149-
自 2012 年以来，[Software Mansion](https://swmansion.com) 是一家拥有构建网络和移动应用经验的软件机构。我们是核心 React Native 贡献者，并且是处理各种 React Native 问题的专家。我们可以帮助您构建下一个梦想产品——[雇佣我们](https://swmansion.com/contact/projects?utm_source=react-native-executorch&utm_medium=readme)。
149+
自 2012 年以来，[Software Mansion](https://swmansion.com) 是一家拥有构建网络和移动应用经验的软件机构。我们是核心 React Native 贡献者，并且是处理各种 React Native 问题的专家。我们可以帮助您构建下一个梦想产品——[雇佣我们](https://swmansion.com/contact?utm_source=react-native-executorch&utm_medium=readme)。
150150

151151
[![swm](https://logo.swmansion.com/logo?color=white&variant=desktop&width=150&tag=react-native-executorch-github 'Software Mansion')](https://swmansion.com)

‎readmes/README_es.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -146,6 +146,6 @@ Para conocer nuestros próximos planes y desarrollos, visita nuestros [hitos](ht
146146

147147
## React Native ExecuTorch es creado por Software Mansion
148148

149-
Desde 2012, [Software Mansion](https://swmansion.com) es una agencia de software con experiencia en el desarrollo de aplicaciones web y móviles. Somos colaboradores principales de React Native y expertos en resolver todo tipo de problemas relacionados con esta tecnología. Podemos ayudarte a construir tu próximo producto soñado – [Contrátanos](https://swmansion.com/contact/projects?utm_source=react-native-executorch&utm_medium=readme).
149+
Desde 2012, [Software Mansion](https://swmansion.com) es una agencia de software con experiencia en el desarrollo de aplicaciones web y móviles. Somos colaboradores principales de React Native y expertos en resolver todo tipo de problemas relacionados con esta tecnología. Podemos ayudarte a construir tu próximo producto soñado – [Contrátanos](https://swmansion.com/contact?utm_source=react-native-executorch&utm_medium=readme).
150150

151151
[![swm](https://logo.swmansion.com/logo?color=white&variant=desktop&width=150&tag=react-native-executorch-github 'Software Mansion')](https://swmansion.com)

‎readmes/README_fr.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -146,6 +146,6 @@ Pour en savoir plus sur nos futures plans et développements, veuillez consulter
146146

147147
## React Native ExecuTorch est créé par Software Mansion
148148

149-
Depuis 2012, [Software Mansion](https://swmansion.com) est une agence de développement avec de l'expérience dans la création d'applications web et mobiles. Nous sommes Contributeurs React Native Core et experts dans la gestion de tous types de problèmes React Native. Nous pouvons vous aider à créer votre prochain produit rêvé – [Engagez-nous](https://swmansion.com/contact/projects?utm_source=react-native-executorch&utm_medium=readme).
149+
Depuis 2012, [Software Mansion](https://swmansion.com) est une agence de développement avec de l'expérience dans la création d'applications web et mobiles. Nous sommes Contributeurs React Native Core et experts dans la gestion de tous types de problèmes React Native. Nous pouvons vous aider à créer votre prochain produit rêvé – [Engagez-nous](https://swmansion.com/contact?utm_source=react-native-executorch&utm_medium=readme).
150150

151151
[![swm](https://logo.swmansion.com/logo?color=white&variant=desktop&width=150&tag=react-native-executorch-github 'Software Mansion')](https://swmansion.com)

‎readmes/README_in.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -146,6 +146,6 @@ https://docs.swmansion.com/react-native-executorch
146146

147147
## React Native ExecuTorch को Software Mansion द्वारा बनाया गया है
148148

149-
2012 से, [Software Mansion](https://swmansion.com) वेब और मोबाइल ऐप्स बनाने का अनुभव रखने वाली एक सॉफ्टवेयर एजेंसी है। हम Core React Native योगदानकर्ता हैं और React Native से संबंधित सभी प्रकार की समस्याओं का निपटान करने के विशेषज्ञ हैं। हम आपको आपका अगला सपनों का प्रोजेक्ट बनाने में सहायता कर सकते हैं – [हमें नियुक्त करें](https://swmansion.com/contact/projects?utm_source=react-native-executorch&utm_medium=readme)।
149+
2012 से, [Software Mansion](https://swmansion.com) वेब और मोबाइल ऐप्स बनाने का अनुभव रखने वाली एक सॉफ्टवेयर एजेंसी है। हम Core React Native योगदानकर्ता हैं और React Native से संबंधित सभी प्रकार की समस्याओं का निपटान करने के विशेषज्ञ हैं। हम आपको आपका अगला सपनों का प्रोजेक्ट बनाने में सहायता कर सकते हैं – [हमें नियुक्त करें](https://swmansion.com/contact?utm_source=react-native-executorch&utm_medium=readme)।
150150

151151
[![swm](https://logo.swmansion.com/logo?color=white&variant=desktop&width=150&tag=react-native-executorch-github 'Software Mansion')](https://swmansion.com)

‎readmes/README_pt.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -146,6 +146,6 @@ Para saber sobre nossos planos e desenvolvimentos futuros, visite nossos [marcos
146146

147147
## React Native ExecuTorch é criado pela Software Mansion
148148

149-
Desde 2012, a [Software Mansion](https://swmansion.com) é uma agência de software com experiência na construção de aplicativos web e móveis. Somos colaboradores principais do React Native e especialistas em lidar com todos os tipos de problemas do React Native. Podemos ajudar você a construir seu próximo produto dos sonhos – [Contrate-nos](https://swmansion.com/contact/projects?utm_source=react-native-executorch&utm_medium=readme).
149+
Desde 2012, a [Software Mansion](https://swmansion.com) é uma agência de software com experiência na construção de aplicativos web e móveis. Somos colaboradores principais do React Native e especialistas em lidar com todos os tipos de problemas do React Native. Podemos ajudar você a construir seu próximo produto dos sonhos – [Contrate-nos](https://swmansion.com/contact?utm_source=react-native-executorch&utm_medium=readme).
150150

151151
[![swm](https://logo.swmansion.com/logo?color=white&variant=desktop&width=150&tag=react-native-executorch-github 'Software Mansion')](https://swmansion.com)

0 commit comments

Comments
 (0)