Merge branch 'dev' into 404.tsx

Author: pettinarip

next.config.js

@@ -63,6 +63,12 @@ module.exports = (phase, { defaultConfig }) => {
     trailingSlash: true,
     images: {
       deviceSizes: [640, 750, 828, 1080, 1200, 1504, 1920],
+      remotePatterns: [
+        {
+          protocol: "https",
+          hostname: "crowdin-static.downloads.crowdin.com",
+        },
+      ],
     },
   }
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "ethereum-org-website",
-  "version": "9.3.0",
+  "version": "9.4.0",
   "license": "MIT",
   "private": true,
   "scripts": {

public/content/staking/solo/index.md

@@ -25,7 +25,7 @@ Home stakers are responsible for operating the hardware needed to run these clie
 
 A home staker receives rewards directly from the protocol for keeping their validator properly functioning and online.
 
-## Why stake home? {#why-stake-solo}
+## Why stake from home? {#why-stake-solo}
 
 Home staking comes with more responsibility but provides you with maximum control over your funds and staking setup.
 

public/content/translations/uz/staking/pools/index.md

@@ -57,7 +57,7 @@ Sozlashda sizga yordam beradigan turli xil variantlar mavjud. Quyidagi vositalar
 
 Biz o‘tkazib yuborgan staking vositasi uchun taklif bormi? [Mahsulotni kataloglash qoidalari](/contributing/adding-staking-products/) bilan tanishib chiqing va ularni ko‘rib chiqish uchun yuboring.
 
-## Frequently asked questions {#faq}
+## Tez-tez beriladigan savollar {#faq}
 
 <ExpandableCard title="Mukofotlarni qanday olaman?">
 Odatda, ERC-20 staking tokenlari ishtirokchilarga beriladi va ular tikkan ETH qiymati va mukofotlarini ifodalaydi. Shuni yodda tutingki, turli pullar o‘z foydalanuvchilariga staking mukofotlarini biroz boshqacha usullar bilan tarqatadi, ammo bu umumiy mavzu.

public/content/translations/uz/staking/saas/index.md

@@ -55,7 +55,7 @@ Quyida mavjud SaaS provayderlari keltirilgan. Yuqoridagi ko‘rsatkichlardan ush
 
 Biz o‘tkazib yuborgan xizmat sifatida staking provayderi uchun taklif bormi? [Mahsulotni kataloglash qoidalari](/contributing/adding-staking-products/) bilan tanishib chiqing va ularni ko‘rib chiqish uchun yuboring.
 
-## Frequently asked questions {#faq}
+## Tez-tez beriladigan savollar {#faq}
 
 <ExpandableCard title="Mening kalitlarim kimda boʻladi?" eventCategory="SaasStaking" eventName="clicked who holds my keys">
 Kelishishlar provayderdan provayderga farq qiladi, lekin odatda sizga kerakli imzolash kalitlarini sozlash (32 ETH uchun bitta) va ularni provayderingizga yuklash orqali ular sizning nomingizdan tasdiqlanishiga ruxsat beriladi. Imzolash kalitlarining o‘zi mablag‘larni yechib olish, o‘tkazish yoki sarflash imkonini bermaydi. Biroq, ular konsensusga ovoz berish imkoniyatini beradi, agar bu to‘g‘ri amalga oshirilmasa, oflayn jarimalar yoki qisqartirishga olib kelishi mumkin.

public/content/translations/uz/staking/solo/index.md

@@ -123,7 +123,7 @@ Biz o‘tkazib yuborgan staking vositasi uchun taklif bormi? [Mahsulotni katalog
 
 <StakingGuides />
 
-## Frequently asked questions {#faq}
+## Tez-tez beriladigan savollar {#faq}
 
 Bular garovga qo‘yishning eng keng tarqalgan savollaridan bir nechtasi bo‘lib, ular haqida bilishga arziydi.
 

public/content/translations/uz/staking/withdrawals/index.md

@@ -125,7 +125,7 @@ Ushbu hisob-kitobni kengaytirib, ma’lum miqdordagi pul yechib olish amaliyotla
 
 Ko‘rib turganingizdek, tarmoqdagi tasdiqlovchilar soni ko‘paygan sari bu jarayon sekinlashib boradi. O‘tkazib yuborilgan slotlar sonining ortishi bu jarayonni mutanosib ravishda sekinlashtirishi mumkin, biroq bu umuman olganda ehtimoliy natijalarning sekinroq kechishini aks ettiradi.
 
-## Frequently asked questions {#faq}
+## Tez-tez beriladigan savollar {#faq}
 
 <ExpandableCard
 title="Yechib olish manzilini taqdim etganimdan so‘ng, uni boshqa bir yechib olish manziliga o‘zgartira olamanmi?"

src/components/FileContributors.tsx

@@ -12,12 +12,15 @@ import type { ChildOnlyProp, FileContributor } from "@/lib/types"
 
 import { Button } from "@/components/Buttons"
 import InlineLink from "@/components/Link"
-import Modal from "@/components/Modal"
 import Text from "@/components/OldText"
 import Translation from "@/components/Translation"
 
 import { trackCustomEvent } from "@/lib/utils/matomo"
 
+import Modal from "./ui/dialog-modal"
+
+import { useBreakpointValue } from "@/hooks/useBreakpointValue"
+
 const ContributorList = ({ children }: Required<ChildOnlyProp>) => (
   <UnorderedList maxH="2xs" m={0} mt={6} overflowY="scroll">
     {children}
@@ -61,12 +64,14 @@ const FileContributors = ({
         date: Date.now().toString(),
       } as FileContributor)
 
+  const modalSize = useBreakpointValue({ base: "xl", md: "md" } as const)
+
   return (
     <>
       <Modal
-        isOpen={isModalOpen}
-        onClose={() => setModalOpen(false)}
-        size={{ base: "full", md: "xl" }}
+        open={isModalOpen}
+        onOpenChange={(open) => setModalOpen(open)}
+        size={modalSize}
         title={<Translation id="contributors" />}
       >
         <Translation id="contributors-thanks" />

src/components/Modal/index.tsx

@@ -1,11 +1,13 @@
 import { QuizStatus } from "@/lib/types"
 
-import Modal from "../Modal"
+import Modal, { type ModalProps } from "../ui/dialog-modal"
 import { Center } from "../ui/flex"
 
+import { useBreakpointValue } from "@/hooks/useBreakpointValue"
+
 type QuizzesModalProps = {
   isQuizModalOpen: boolean
-  onQuizModalClose: () => void
+  onQuizModalOpenChange: (open: boolean) => void
   children: React.ReactNode
   quizStatus: QuizStatus
 }
@@ -14,7 +16,7 @@ const QuizzesModal = ({
   children,
   quizStatus,
   isQuizModalOpen,
-  onQuizModalClose,
+  onQuizModalOpenChange,
   ...props
 }: QuizzesModalProps) => {
   // TODO: remove bang in utility class names when Modal is migrated
@@ -25,11 +27,13 @@ const QuizzesModal = ({
     return "!bg-error-light dark:!bg-error-dark"
   }
 
+  const size = useBreakpointValue<ModalProps["size"]>({ base: "xl", md: "md" })!
+
   return (
     <Modal
-      isOpen={isQuizModalOpen}
-      onClose={onQuizModalClose}
-      size={{ base: "full", md: "xl" }}
+      open={isQuizModalOpen}
+      onOpenChange={onQuizModalOpenChange}
+      size={size}
       contentProps={{ className: getStatusColorClass() }}
       {...props}
     >