From 7a15e96aef441e01b0c3f43be5b2d94be57590c8 Mon Sep 17 00:00:00 2001 From: Jamie Kyle Date: Wed, 17 Jan 2024 17:51:27 -0800 Subject: [PATCH 001/166] Fix async-await syntax (#6554) --- src/content/reference/react/use.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/reference/react/use.md b/src/content/reference/react/use.md index 1cf73b7b1..92b3cabc0 100644 --- a/src/content/reference/react/use.md +++ b/src/content/reference/react/use.md @@ -337,7 +337,7 @@ When passing a Promise from a Server Component to a Client Component, its resolv A Promise can be passed from a Server Component to a Client Component and resolved in the Client Component with the `use` Hook. You can also resolve the Promise in a Server Component with `await` and pass the required data to the Client Component as a prop. ```js -export default function App() { +export default async function App() { const messageContent = await fetchMessage(); return } From 9c316b206fefff546d9e302fd951926768be2fe4 Mon Sep 17 00:00:00 2001 From: Prajwal Kulkarni Date: Thu, 18 Jan 2024 07:29:40 +0530 Subject: [PATCH 002/166] Upgrade tailwind version (#6550) * Fix overflowing text content in footer link Add an ellipsis to overflowing text in the footer section for navigating between different references. * Add min and max width to nextlink class * Add minwidth to tailwind config * Wrap string beyond max width * Remove title attribute from span element * Upgrade tailwind to 3.4.1 * Remove manual width config from minWidth * Remove minWidth from tailwind config and preserve default value of min-w-xs --- package.json | 2 +- src/components/Layout/Feedback.tsx | 8 ++-- src/components/Layout/Page.tsx | 16 ++++---- .../Layout/SidebarNav/SidebarNav.tsx | 4 +- src/components/Layout/TopNav/TopNav.tsx | 30 +++++++-------- tailwind.config.js | 6 +-- yarn.lock | 37 +++++++++---------- 7 files changed, 49 insertions(+), 54 deletions(-) diff --git a/package.json b/package.json index b5e07d70a..f75ffbb28 100644 --- a/package.json +++ b/package.json @@ -91,7 +91,7 @@ "retext": "^7.0.1", "retext-smartypants": "^4.0.0", "rss": "^1.2.2", - "tailwindcss": "^3.3.2", + "tailwindcss": "^3.4.1", "typescript": "^4.0.2", "unist-util-visit": "^2.0.3", "webpack-bundle-analyzer": "^4.5.0" diff --git a/src/components/Layout/Feedback.tsx b/src/components/Layout/Feedback.tsx index 0bdbc6b7c..34db728ce 100644 --- a/src/components/Layout/Feedback.tsx +++ b/src/components/Layout/Feedback.tsx @@ -63,16 +63,16 @@ function SendFeedback({onSubmit}: {onSubmit: () => void}) { return (
-

+

{isSubmitted ? 'Thank you for your feedback!' : 'Is this page useful?'}

{!isSubmitted && ( -
+
@@ -260,16 +260,16 @@ export default function TopNav({
-
+
@@ -313,7 +313,7 @@ export default function TopNav({ onClick={() => { window.__setPreferredTheme('dark'); }} - className="active:scale-95 transition-transform flex w-12 h-12 rounded-full items-center justify-center hover:bg-primary/5 hover:dark:bg-primary-dark/5 outline-link"> + className="flex items-center justify-center w-12 h-12 transition-transform rounded-full active:scale-95 hover:bg-primary/5 hover:dark:bg-primary-dark/5 outline-link"> {darkIcon}
@@ -324,7 +324,7 @@ export default function TopNav({ onClick={() => { window.__setPreferredTheme('light'); }} - className="active:scale-95 transition-transform flex w-12 h-12 rounded-full items-center justify-center hover:bg-primary/5 hover:dark:bg-primary-dark/5 outline-link"> + className="flex items-center justify-center w-12 h-12 transition-transform rounded-full active:scale-95 hover:bg-primary/5 hover:dark:bg-primary-dark/5 outline-link"> {lightIcon}
@@ -334,7 +334,7 @@ export default function TopNav({ target="_blank" rel="noreferrer noopener" aria-label="Open on GitHub" - className="active:scale-95 transition-transform flex w-12 h-12 rounded-full items-center justify-center hover:bg-primary/5 hover:dark:bg-primary-dark/5 outline-link"> + className="flex items-center justify-center w-12 h-12 transition-transform rounded-full active:scale-95 hover:bg-primary/5 hover:dark:bg-primary-dark/5 outline-link"> {githubIcon}
@@ -349,13 +349,13 @@ export default function TopNav({ className="overflow-y-scroll isolate no-bg-scrollbar lg:w-[342px] grow bg-wash dark:bg-wash-dark">