Merge main

Author: benadam11

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 ui.dev
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -1,6 +1,8 @@
+![useHooks](https://usehooks.com/meta/og.jpg)
+
 # useHooks
 
-A collection of Server Component safe React Hooks – from the ui.dev team
+A collection of modern, server-safe React hooks – from the ui.dev team
 
 ## Standard
 
@@ -46,7 +48,7 @@ A collection of Server Component safe React Hooks – from the ui.dev team
 - [useToggle](https://usehooks.com/usetoggle)
 - [useVisibilityChange](https://usehooks.com/usevisibilitychange)
 - [useWindowScroll](https://usehooks.com/usewindowscroll)
-- [useWindowSize](https://usehooks.com/usewindowSize)
+- [useWindowSize](https://usehooks.com/usewindowsize)
 
 ## Experimental
 

usehooks.com/public/meta/og.jpg

@@ -1,7 +1,7 @@
 ---
 name: useGeolocation
 rank: 36
-tagline: Add undo / redo functionality with useHistoryState.
+tagline: Access and monitor a user's geolocation (after they give permission) with useGeolocation.
 sandboxId: usegeolocation-3f1d0f
 previewHeight: 900px
 relatedHooks:
@@ -14,24 +14,30 @@ import HookDescription from "../../components/HookDescription.astro";
 import StaticCodeContainer from "../../components/StaticCodeContainer.astro";
 
 <HookDescription name={frontmatter.name}>
-  The useHistoryState hook is useful for managing state with undo and redo
-  capabilities in React components. The hook offers functions like undo, redo,
-  set, and clear to interact with the state as well as other state related
-  values like canUndo and canRedo.
+  The useGeolocation hook is useful for accessing and monitoring the user's
+  geolocation (after they give permission) in a React application. By utilizing
+  the hook, developers can easily retrieve the user's current position,
+  including latitude, longitude, altitude, accuracy, heading, speed, and
+  timestamp.
 </HookDescription>
 
 <div class="reference">
   ### Parameters
 
-  <div class="table-container">
-  | Name    | Type   | Description |
-  | ------- | ------ | ----------- |
-  | options | object | This is an optional configuration object provided when calling `useGeolocation`. It is used when calling `navigator.geolocation.getCurrentPosition()` and `navigator.geolocation.watchPosition()`. Some of the attributes it accepts are `enableHighAccuracy`, `timeout`, and `maximumAge`. |
-  </div>
+{" "}
 
-  ### Return Values
+<div class="table-container">
+  | Name | Type | Description | | ------- | ------ | ----------- | | options |
+  object | This is an optional configuration object provided when calling
+  `useGeolocation`. It is used when calling
+  `navigator.geolocation.getCurrentPosition()` and
+  `navigator.geolocation.watchPosition()`. Some of the attributes it accepts are
+  `enableHighAccuracy`, `timeout`, and `maximumAge`. |
+</div>
 
-  The hook returns an object containing the following properties:
+### Return Values
+
+The hook returns an object containing the following properties:
 
   <div class="table-container">
   | Name              | Type    | Description |
@@ -83,7 +89,6 @@ function Location() {
 
   return <Demo state={state} />;
 }
-
 ```
 
 </StaticCodeContainer>

usehooks.com/src/content/hooks/useGeolocation.mdx

@@ -6,7 +6,7 @@ import Footer from '../sections/Footer.astro';
 
 <Layout
 	title="Page not found."
-	description="A collection of Server Component safe React Hooks – from the ui.dev team."
+	description="A collection of modern, server-safe React hooks – from the ui.dev team"
 >
 	<NavInternal />
 	<main>

usehooks.com/src/pages/404.astro

@@ -11,7 +11,7 @@ const hooks = await getCollection("hooks");
 
 <Layout
   title="useHooks"
-  description="A collection of Server Component safe React Hooks – from the ui.dev team"
+  description="A collection of modern, server-safe React hooks – from the ui.dev team"
 >
   <NavMain />
   <HomeHero />

usehooks.com/src/pages/index.astro

@@ -7,7 +7,7 @@ const hooksMarquee2 = (await getCollection('hooks')).slice(25,50);
 
 <header class="hero">
 	<img src="/img/logo-useHooks.svg" width="546" height="80" alt="useHooks" />
-	<h1>A collection of Server Component safe React Hooks – from the ui.dev team</h1>
+	<h1>A collection of modern, server-safe React hooks – from the ui.dev team</h1>
 	<Install text="npm i @uidotdev/usehooks" />
 
 	<div class="marquee marquee-left">