chore: clean up hooks

Author: mehdibha

content/components/index.mdx

@@ -4,4 +4,5 @@ description: Copy and paste components for your React app
 ---
 
 Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source, crafted with Tailwind CSS, fully responsive. We use [shadcn-ui](https://github.com/shadcn-ui/ui) as our core components.
-If you want to add your own component (with credits), please [open a pull request](https://github.com/mehdibha/rcopy/pulls).
+If you think it's missing a component, please [open an issue](https://github.com/mehdibha/rcopy/issues/new).
+

content/hooks/index.mdx

@@ -4,4 +4,4 @@ description: Copy and paste hooks for your React app
 ---
 
 A collection of modern, server-safe React hooks, most of them are inspired by [usehooks](https://github.com/uidotdev/usehooks), [useHooks-ts](https://github.com/juliencrn/usehooks-ts) and [react-use](https://github.com/streamich/react-use).
-If you want to add your own hook (with credits), please [open a pull request](https://github.com/mehdibha/rcopy/pulls).
+If you think it's missing a hook, please [open an issue](https://github.com/mehdibha/rcopy/issues/new).

content/hooks/use-continuous-retry.mdx

@@ -3,28 +3,13 @@ title: useDebounce
 description: Delay the execution of function or state update with useDebounce.
 ---
 
-<ComponentPreview name="hooks/use-debounce" />
-
-## Installation
-
-Copy this code into your project.
-
-```tsx
-import React from "react";
-
-export function useDebounce<T>(value: T, delay: number): T {
-  const [debouncedValue, setDebouncedValue] = React.useState(value);
-
-  React.useEffect(() => {
-    const handler = setTimeout(() => {
-      setDebouncedValue(value);
-    }, delay);
-
-    return () => {
-      clearTimeout(handler);
-    };
-  }, [value, delay]);
-
-  return debouncedValue;
-}
-```
+## About
+Input OTP is built on top of [input-otp](https://github.com/guilhermerodz/input-otp) by [@guilherme_rodz](https://twitter.com/guilherme_rodz).
+## About
+Input OTP is built on top of [input-otp](https://github.com/guilhermerodz/input-otp) by [@guilherme_rodz](https://twitter.com/guilherme_rodz).
+## About
+Input OTP is built on top of [input-otp](https://github.com/guilhermerodz/input-otp) by [@guilherme_rodz](https://twitter.com/guilherme_rodz).
+## About
+Input OTP is built on top of [input-otp](https://github.com/guilhermerodz/input-otp) by [@guilherme_rodz](https://twitter.com/guilherme_rodz).
+## About
+Input OTP is built on top of [input-otp](https://github.com/guilhermerodz/input-otp) by [@guilherme_rodz](https://twitter.com/guilherme_rodz).

content/hooks/use-continuous-retry.tsx

@@ -3,4 +3,3 @@ title: useFetch
 description: Fetch data with accurate states, caching, and no stale responses using useFetch.
 ---
 
-<ComponentPreview name="hooks/use-fetch" />

content/hooks/use-debounce.mdx

@@ -2,5 +2,3 @@
 title: useIntersectionObserver
 description: Track and manage the visibility of your DOM elements within the viewport with useIntersectionObserver.
 ---
-
-<ComponentPreview name="hooks/use-intersection-observer" />

content/hooks/use-debounce.tsx

@@ -2,5 +2,3 @@
 title: useLocalStorage
 description: Store, retrieve, and synchronize data from the browser’s localStorage API with useLocalStorage
 ---
-
-<ComponentPreview name="hooks/use-local-storage" />

content/hooks/use-fetch.mdx

@@ -3,4 +3,3 @@ title: useMediaQuery
 description: Subscribe and respond to media query changes with useMediaQuery.
 ---
 
-<ComponentPreview name="hooks/use-media-query" />

content/hooks/use-fetch.tsx

@@ -2,5 +2,3 @@
 title: useNetworkState
 description: Monitor and adapt to network conditions seamlessly with useNetworkState.
 ---
-
-<ComponentPreview name="hooks/use-network-state" />

content/hooks/use-intersection-observer.mdx

@@ -2,5 +2,3 @@
 title: useOrientation
 description: Manage and respond to changes in device orientation with useOrientation.
 ---
-
-<ComponentPreview name="hooks/use-orientation" />

content/hooks/use-intersection-observer.tsx

@@ -2,5 +2,3 @@
 title: usePreferredLanguage
 description: Adapt to user language preferences dynamically with usePreferredLanguage.
 ---
-
-<ComponentPreview name="hooks/use-preferred-language" />

content/hooks/use-local-storage.mdx

@@ -2,5 +2,3 @@
 title: usePrevious
 description: Track the previous value of a variable with usePrevious.
 ---
-
-<ComponentPreview name="hooks/use-previous" />

content/hooks/use-local-storage.tsx

@@ -3,4 +3,3 @@ title: useSessionStorage
 description: Store, retrieve, and synchronize data from the browser’s session storage with useSessionStorage.
 ---
 
-<ComponentPreview name="hooks/use-session-storage" />

content/hooks/use-media-query.mdx

@@ -2,5 +2,3 @@
 title: useVisibilityChange
 description: Track document visibility and respond to changes with useVisibilityChange.
 ---
-
-<ComponentPreview name="hooks/use-visibility-change" />

content/hooks/use-media-query.tsx

@@ -2,5 +2,3 @@
 title: useWindowSize
 description: Track the dimensions of the browser window with useWindowSize.
 ---
-
-<ComponentPreview name="hooks/use-window-size" />

content/hooks/use-network-state.mdx

@@ -4,6 +4,7 @@ description: Copy and paste icons for your React app
 ---
 
 Beautiful icons for your React app. Copy and paste the icons you need. Credits to [Lucide icons](https://github.com/lucide-icons/lucide) and [Simple icons](https://github.com/simple-icons/simple-icons) for brands icons.
-If you want to add another icon library, please [open a pull request](https://github.com/mehdibha/rcopy/pulls).
+If you think it's missing another icon library, please [open an issue](https://github.com/mehdibha/rcopy/issues/new).
 
-<IconsExplorer libraries={["simple-icons","lucide-icons"]} />
+
+<IconsExplorer libraries={["simple-icons", "lucide-icons"]} />

content/hooks/use-network-state.tsx

@@ -4,4 +4,4 @@ description: Copy and paste pages for your React app
 ---
 
 Beautiful React pages, crafted with Tailwind CSS, fully responsive, that you can drop into your React projects.
-If you want to add your own page (with credits), please [open a pull request](https://github.com/mehdibha/rcopy/pulls).
+If you think it's missing a page, please [open an issue](https://github.com/mehdibha/rcopy/issues/new).

content/hooks/use-orientation.mdx

@@ -3,4 +3,5 @@ title: Templates
 description: Ready templates to quick start your project
 ---
 
-A collection of open-source React templates curated by rCopy's creator. This list contains React, Next.js, Remix templates. If you think it's missing a template, please [open an issue](https://github.com/mehdibha/rcopy/issues/new).
+A collection of open-source React templates curated by rCopy's creator. This list contains React, Next.js, Remix templates. 
+If you think it's missing a template, please [open an issue](https://github.com/mehdibha/rcopy/issues/new).