diff --git a/package.json b/package.json index 717bb47399..d5c1282827 100644 --- a/package.json +++ b/package.json @@ -27,7 +27,7 @@ "devDependencies": { "@appwrite.io/console": "^0.4.2", "@appwrite.io/pink": "0.1.0-next.9", - "@appwrite.io/pink-icons": "0.1.0-next.9", + "@appwrite.io/pink-icons": "0.9.0", "@appwrite.io/repo": "github:appwrite/appwrite#main", "@melt-ui/pp": "^0.3.0", "@melt-ui/svelte": "^0.74.3", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 126240c15a..b32589b27a 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -20,8 +20,8 @@ devDependencies: specifier: 0.1.0-next.9 version: 0.1.0-next.9 '@appwrite.io/pink-icons': - specifier: 0.1.0-next.9 - version: 0.1.0-next.9 + specifier: 0.9.0 + version: 0.9.0 '@appwrite.io/repo': specifier: github:appwrite/appwrite#main version: github.com/appwrite/appwrite/e868ae60c6db9d0dcbc5ce27a0ca609a7ceada7f @@ -171,6 +171,10 @@ packages: resolution: {integrity: sha512-6t4Pqt/xugjpJQyaMx1u/7Gt9CkW5iItDAgUKcIMm84E4NbDJq8ZdAhhvctGQQppKUgHDPi+6x1XveUUd7tdbg==} dev: true + /@appwrite.io/pink-icons@0.9.0: + resolution: {integrity: sha512-Y088XXzm08pHh8NKIhaZfQyZr+XkgVWUlQqmu8r1eeK4hKcQXqohGOm61gYwoDI8XA7ysi4s5FeVQVLRnZAcEw==} + dev: true + /@appwrite.io/pink@0.1.0-next.9: resolution: {integrity: sha512-W5xVm2ZXlEqbbKv0GkpnM5saunDKdSfuhWouLnORsonENGFsG529PxRjqeClz4zrlkt2x1DiwN175wpgV3GoEQ==} dependencies: diff --git a/src/lib/components/Technologies.svelte b/src/lib/components/Technologies.svelte index cd3d0388a3..59b3dadada 100644 --- a/src/lib/components/Technologies.svelte +++ b/src/lib/components/Technologies.svelte @@ -53,6 +53,11 @@ href: '/docs/quick-starts/android', image: `/images/platforms/${$themeInUse}/android.svg` }, + { + name: 'React Native', + href: '/docs/quick-starts/react-native', + image: `/images/platforms/${$themeInUse}/react-native.svg` + }, ] as Array<{ name: string; diff --git a/src/routes/docs/quick-starts/+page.svelte b/src/routes/docs/quick-starts/+page.svelte index f538bed590..e694ed2933 100644 --- a/src/routes/docs/quick-starts/+page.svelte +++ b/src/routes/docs/quick-starts/+page.svelte @@ -74,7 +74,7 @@ quickStarts: [ { title: 'React Native', - icon: 'icon-react', + icon: 'icon-react-native', image: '/images/blog/placeholder.png', href: 'react-native' }, diff --git a/src/routes/docs/tutorials/+page.svelte b/src/routes/docs/tutorials/+page.svelte index 4b8a5263d3..07e3b10161 100644 --- a/src/routes/docs/tutorials/+page.svelte +++ b/src/routes/docs/tutorials/+page.svelte @@ -12,7 +12,7 @@ type MappedTutorial = (typeof data.tutorials)[number]; const iconMap: Record = { - 'react native': 'icon-react', + 'react native': 'icon-react-native', react: 'icon-react', vue: 'web-icon-vue', angular: 'icon-angular', diff --git a/static/images/platforms/dark/react-native.svg b/static/images/platforms/dark/react-native.svg new file mode 100644 index 0000000000..7ff631768e --- /dev/null +++ b/static/images/platforms/dark/react-native.svg @@ -0,0 +1,4 @@ + + + + diff --git a/static/images/platforms/light/react-native.svg b/static/images/platforms/light/react-native.svg new file mode 100644 index 0000000000..aae56ba247 --- /dev/null +++ b/static/images/platforms/light/react-native.svg @@ -0,0 +1,4 @@ + + + +