Skip to content

Commit 48e6077

Browse files
authored
feat(docsite): Add a link to React Native Windows (#2551)
## Summary: Add a link to React Native Windows on our docs site. Remove some redundant files while we're at it. ## Test Plan: <img width="1712" alt="image" src="https://github.com/user-attachments/assets/697cb911-846a-4a61-a9cd-00cb00f72670" />
1 parent cacc1bd commit 48e6077

File tree

5 files changed

+36
-186
lines changed

5 files changed

+36
-186
lines changed

docsite/pages/HeroHeader.module.css

Lines changed: 0 additions & 44 deletions
This file was deleted.

docsite/pages/index.module.css

Lines changed: 0 additions & 75 deletions
This file was deleted.

docsite/pages/index.tsx

Lines changed: 0 additions & 64 deletions
This file was deleted.

docsite/src/pages/index.module.css

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -73,3 +73,17 @@
7373
margin-top: 1.5rem;
7474
}
7575
}
76+
77+
.windowsLinkWrapper {
78+
display: flex;
79+
justify-content: center;
80+
margin: 3rem 0;
81+
}
82+
83+
.windowsLink {
84+
transition: transform 0.2s ease;
85+
}
86+
87+
.windowsLink:hover {
88+
transform: translateY(-2px);
89+
}

docsite/src/pages/index.tsx

Lines changed: 22 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,24 @@ import Heading from '@theme/Heading';
88

99
import styles from './index.module.css';
1010

11+
function WindowsLink() {
12+
return (
13+
<div className={styles.windowsLinkWrapper}>
14+
<Link
15+
className={clsx(
16+
'button button--secondary button--lg',
17+
styles.windowsLink
18+
)}
19+
href="https://microsoft.github.io/react-native-windows"
20+
target="_blank"
21+
rel="noopener noreferrer"
22+
>
23+
Interested in Windows?
24+
</Link>
25+
</div>
26+
);
27+
}
28+
1129
function HomepageHeader() {
1230
const {siteConfig} = useDocusaurusContext();
1331
return (
@@ -20,14 +38,14 @@ function HomepageHeader() {
2038
<p className="hero__subtitle">{siteConfig.tagline}</p>
2139
</div>
2240
<div className={styles.heroImageCol}>
23-
<img alt="React Native macOS mockup" src={"img/platform.png"} className={styles.heroImage} />
41+
<img alt="React Native macOS mockup" src={'img/platform.png'} className={styles.heroImage} />
2442
</div>
2543
</div>
2644
<div className={styles.buttonsWrapper}>
2745
<div className={styles.buttons}>
2846
<Link
2947
className={clsx(
30-
"button button--primary button--lg",
48+
'button button--primary button--lg',
3149
styles.headerButton
3250
)}
3351
to="/docs/getting-started"
@@ -36,7 +54,7 @@ function HomepageHeader() {
3654
</Link>
3755
<Link
3856
className={clsx(
39-
"button button--link button--lg",
57+
'button button--link button--lg',
4058
styles.headerLink
4159
)}
4260
to="/docs/intro"
@@ -58,6 +76,7 @@ export default function Home(): ReactNode {
5876
<HomepageHeader />
5977
<main>
6078
<HomepageFeatures />
79+
<WindowsLink />
6180
</main>
6281
</Layout>
6382
);

0 commit comments

Comments
 (0)