fix docs

pingdotgg · May 12, 2024 · 4e30034 · 4e30034
1 parent e556991
commit 4e30034
Show file tree

Hide file tree

Showing 3 changed files with 34 additions and 2 deletions.
diff --git a/docs/src/pages/api/uploadthing.ts b/docs/src/pages/api/uploadthing.ts
@@ -0,0 +1,16 @@
+import { createRouteHandler, createUploadthing } from "uploadthing/next-legacy";
+
+const f = createUploadthing();
+const router = {
+  mockRoute: f(["image"])
+    .middleware(() => {
+      throw new Error("This is just a mock route, you cant use it");
+      return {};
+    })
+    .onUploadComplete(() => {}),
+};
+
+export default createRouteHandler({
+  router,
+  config: { uploadthingSecret: "sk_foo" },
+});
diff --git a/docs/src/pages/theming.mdx b/docs/src/pages/theming.mdx
@@ -242,6 +242,7 @@ component match your design in the exact way you want.
 ```
 
 <UploadButton
+  endpoint="mockRoute"
   __internal_button_disabled
   __internal_state="ready"
   className="ut-button:bg-red-500 ut-button:ut-readying:bg-red-500/50 dark:ut-allowed-content:text-white mt-4"
@@ -252,6 +253,7 @@ component match your design in the exact way you want.
 />
 
 <UploadButton
+  endpoint="mockRoute"
   __internal_button_disabled
   __internal_state="readying"
   className="ut-button:bg-red-500 ut-button:ut-readying:bg-red-500/50 dark:ut-allowed-content:text-white mt-4"
@@ -312,6 +314,7 @@ component.
 ```
 
 <UploadButton
+  endpoint="mockRoute"
   __internal_state="uploading"
   __internal_button_disabled
   appearance={{
@@ -327,6 +330,7 @@ component.
 />
 
 <UploadButton
+  endpoint="mockRoute"
   __internal_state="ready"
   __internal_button_disabled
   appearance={{
@@ -389,6 +393,7 @@ specific elements of components.
 ```
 
 <UploadButton
+  endpoint="mockRoute"
   __internal_state="ready"
   __internal_button_disabled
   className="custom-class dark:ut-allowed-content:text-white"
@@ -399,6 +404,7 @@ specific elements of components.
 />
 
 <UploadButton
+  endpoint="mockRoute"
   __internal_state="readying"
   __internal_button_disabled
   className="custom-class dark:ut-allowed-content:text-white"
@@ -414,6 +420,7 @@ specific elements of components.
 />
 
 <UploadButton
+  endpoint="mockRoute"
   __internal_state="uploading"
   __internal_button_disabled
   className="custom-class dark:ut-allowed-content:text-white"
@@ -492,6 +499,7 @@ and will return a string
 ```
 
 <UploadButton
+  endpoint="mockRoute"
   __internal_state="ready"
   __internal_button_disabled
   className="dark:ut-allowed-content:text-white"
@@ -511,6 +519,7 @@ and will return a string
 />
 
 <UploadButton
+  endpoint="mockRoute"
   __internal_state="readying"
   __internal_button_disabled
   className="dark:ut-allowed-content:text-white"
@@ -529,6 +538,7 @@ and will return a string
 />
 
 <UploadButton
+  endpoint="mockRoute"
   __internal_state="uploading"
   __internal_button_disabled
   className="dark:ut-allowed-content:text-white"
@@ -577,6 +587,7 @@ the component and will return a `CSSProperties` object
 ```
 
 <UploadButton
+  endpoint="mockRoute"
   __internal_button_disabled
   __internal_state="readying"
   appearance={{
@@ -601,6 +612,7 @@ the component and will return a `CSSProperties` object
 />
 
 <UploadButton
+  endpoint="mockRoute"
   __internal_button_disabled
   __internal_state="ready"
   appearance={{
@@ -625,6 +637,7 @@ the component and will return a `CSSProperties` object
 />
 
 <UploadButton
+  endpoint="mockRoute"
   __internal_button_disabled
   __internal_state="uploading"
   appearance={{
@@ -694,6 +707,7 @@ type UploadDropzoneProps = {
 
 ```jsx
 <UploadButton
+  endpoint="mockRoute"
   content={{
     button({ ready }) {
       if (ready) return <div>Upload stuff</div>;
@@ -710,6 +724,7 @@ type UploadDropzoneProps = {
 ```
 
 <UploadButton
+  endpoint="mockRoute"
   __internal_button_disabled
   __internal_state="readying"
   className="ut-allowed-content:text-zinc-500"
@@ -728,6 +743,7 @@ type UploadDropzoneProps = {
 }} />
 
 <UploadButton
+  endpoint="mockRoute"
   __internal_button_disabled
   __internal_state="ready"
   content={{
@@ -752,9 +768,9 @@ appearance={{
   }} />
 
 <UploadButton
+  endpoint="mockRoute"
   __internal_button_disabled
   __internal_state="uploading"
-  __internal_ready={true}
   content={{
     button({ ready }) {
       if (ready) return <div>Upload stuff</div>;

diff --git a/packages/react/src/components/button.tsx b/packages/react/src/components/button.tsx
@@ -190,7 +190,7 @@ export function UploadButton<
   });
 
   const styleFieldArg = {
-    ready: state === "ready",
+    ready: state !== "readying",
     isUploading: state === "uploading",
     uploadProgress,
     fileTypes,