diff --git a/packages/rainbowkit/src/locales/ar_AR.json b/packages/rainbowkit/src/locales/ar_AR.json index 27a8b18c32..9f710c1f05 100644 --- a/packages/rainbowkit/src/locales/ar_AR.json +++ b/packages/rainbowkit/src/locales/ar_AR.json @@ -552,6 +552,22 @@ } } }, + "iopay": { + "qr_code": { + "step1": { + "description": "نوصي بوضع ioPay على الشاشة الرئيسية للوصول السريع إلى محفظتك.", + "title": "افتح تطبيق ioPay" + }, + "step2": { + "description": "يمكنك بسهولة نسخ محفظتك الاحتياطي باستخدام ميزة النسخ الاحتياطي على هاتفك.", + "title": "إنشاء أو استيراد محفظة" + }, + "step3": { + "description": "بعد الفحص، سيظهر لك موجه الاتصال لتوصيل المحفظة الخاصة بك.", + "title": "اضغط على زر WalletConnect" + } + } + }, "kaikas": { "extension": { "step1": { @@ -582,6 +598,36 @@ } } }, + "kaia": { + "extension": { + "step1": { + "description": "نوصي بتثبيت Kaia على شريط المهام الخاص بك للوصول الأسرع إلى محفظتك.", + "title": "قم بتثبيت إضافة Kaia" + }, + "step2": { + "description": "تأكد من عمل نسخة احتياطية لمحفظتك باستخدام طريقة آمنة. لا تشارك عبارتك السرية مع أحد.", + "title": "إنشاء أو استيراد محفظة" + }, + "step3": { + "description": "بمجرد إعداد محفظتك، انقر أدناه لتحديث المتصفح وتحميل الامتداد.", + "title": "قم بتحديث متصفحك" + } + }, + "qr_code": { + "step1": { + "title": "افتح تطبيق Kaia", + "description": "ضع تطبيق Kaia على الشاشة الرئيسية للوصول الأسرع إلى محفظتك." + }, + "step2": { + "title": "إنشاء أو استيراد محفظة", + "description": "أنشئ محفظة جديدة أو استورد واحدة موجودة بالفعل." + }, + "step3": { + "title": "اضغط على أيقونة الماسح الضوئي في الزاوية العليا اليمنى", + "description": "اختر الاتصال الجديد، ثم امسح الرمز الشريطي وأكد الموجه للاتصال." + } + } + }, "kraken": { "qr_code": { "step1": { diff --git a/packages/rainbowkit/src/locales/es_419.json b/packages/rainbowkit/src/locales/es_419.json index d208f7a4ca..dd52151410 100644 --- a/packages/rainbowkit/src/locales/es_419.json +++ b/packages/rainbowkit/src/locales/es_419.json @@ -552,6 +552,22 @@ } } }, + "iopay": { + "qr_code": { + "step1": { + "description": "Recomendamos poner ioPay en tu pantalla de inicio para un acceso más rápido a tu billetera.", + "title": "Abre la aplicación ioPay" + }, + "step2": { + "description": "Puede respaldar fácilmente su billetera utilizando nuestra función de respaldo en su teléfono.", + "title": "Crear o Importar una Billetera" + }, + "step3": { + "description": "Después de escanear, aparecerá un mensaje de conexión para que conecte su billetera.", + "title": "Toque el botón WalletConnect" + } + } + }, "kaikas": { "extension": { "step1": { @@ -582,6 +598,36 @@ } } }, + "kaia": { + "extension": { + "step1": { + "description": "Recomendamos anclar Kaia a tu barra de tareas para un acceso más rápido a tu billetera.", + "title": "Instala la extensión Kaia" + }, + "step2": { + "description": "Asegúrese de respaldar su billetera utilizando un método seguro. Nunca comparta su frase secreta con nadie.", + "title": "Crear o Importar una Billetera" + }, + "step3": { + "description": "Una vez que configures tu billetera, haz clic a continuación para refrescar el navegador y cargar la extensión.", + "title": "Refrescar tu navegador" + } + }, + "qr_code": { + "step1": { + "title": "Abre la aplicación Kaia", + "description": "Pon la aplicación Kaia en tu pantalla de inicio para un acceso más rápido a tu billetera." + }, + "step2": { + "title": "Crear o Importar una Billetera", + "description": "Crea una nueva billetera o importa una existente." + }, + "step3": { + "title": "Toca el Icono del Escáner en la esquina superior derecha", + "description": "Elija Nueva Conexión, luego escanee el código QR y confirme el aviso para conectar." + } + } + }, "kraken": { "qr_code": { "step1": { diff --git a/packages/rainbowkit/src/locales/fr_FR.json b/packages/rainbowkit/src/locales/fr_FR.json index 9d19669917..6cef33d8bb 100644 --- a/packages/rainbowkit/src/locales/fr_FR.json +++ b/packages/rainbowkit/src/locales/fr_FR.json @@ -552,6 +552,22 @@ } } }, + "iopay": { + "qr_code": { + "step1": { + "description": "Nous recommandons de placer ioPay sur votre écran d'accueil pour un accès plus rapide à votre portefeuille.", + "title": "Ouvrez l'application ioPay" + }, + "step2": { + "description": "Vous pouvez facilement sauvegarder votre portefeuille en utilisant notre fonction de sauvegarde sur votre téléphone.", + "title": "Créer ou Importer un Portefeuille" + }, + "step3": { + "description": "Après avoir numérisé, une invite de connexion apparaîtra pour vous permettre de connecter votre portefeuille.", + "title": "Appuyez sur le bouton WalletConnect" + } + } + }, "kaikas": { "extension": { "step1": { @@ -582,6 +598,36 @@ } } }, + "kaia": { + "extension": { + "step1": { + "description": "Nous vous recommandons d'épingler Kaia à votre barre des tâches pour un accès plus rapide à votre portefeuille.", + "title": "Installez l'extension Kaia" + }, + "step2": { + "description": "Assurez-vous de sauvegarder votre portefeuille en utilisant une méthode sécurisée. Ne partagez jamais votre phrase secrète avec quiconque.", + "title": "Créer ou Importer un Portefeuille" + }, + "step3": { + "description": "Une fois que vous avez configuré votre portefeuille, cliquez ci-dessous pour actualiser le navigateur et charger l'extension.", + "title": "Rafraîchissez votre navigateur" + } + }, + "qr_code": { + "step1": { + "title": "Ouvrez l'application Kaia", + "description": "Mettez l'application Kaia sur votre écran d'accueil pour un accès plus rapide à votre portefeuille." + }, + "step2": { + "title": "Créer ou Importer un Portefeuille", + "description": "Créez un nouveau portefeuille ou importez-en un existant." + }, + "step3": { + "title": "Appuyez sur l'icône du scanner dans le coin supérieur droit", + "description": "Choisissez Nouvelle Connexion, puis scannez le code QR et confirmez l'invite pour vous connecter." + } + } + }, "kraken": { "qr_code": { "step1": { diff --git a/packages/rainbowkit/src/locales/hi_IN.json b/packages/rainbowkit/src/locales/hi_IN.json index cfb28dc421..35633c2ba0 100644 --- a/packages/rainbowkit/src/locales/hi_IN.json +++ b/packages/rainbowkit/src/locales/hi_IN.json @@ -552,6 +552,22 @@ } } }, + "iopay": { + "qr_code": { + "step1": { + "description": "हम आपकी वॉलेट के तेज एक्सेस के लिए ioPay को आपके होम स्क्रीन पर डालने की सलाह देते हैं.", + "title": "ioPay ऐप खोलें" + }, + "step2": { + "description": "आप अपने फोन पर हमारे बैकअप फीचर का उपयोग करके आसानी से अपने वॉलेट का बैकअप कर सकते हैं।", + "title": "वॉलेट बनाएं या आयात करें" + }, + "step3": { + "description": "जैसे ही आप स्कैन करेंगे, एक कनेक्शन संकेत आपके वॉलेट को कनेक्ट करने के लिए प्रकट होगा।", + "title": "WalletConnect बटन पर टैप करें" + } + } + }, "kaikas": { "extension": { "step1": { @@ -582,6 +598,36 @@ } } }, + "kaia": { + "extension": { + "step1": { + "description": "हम आपके वॉलेट तक त्वरित पहुँच के लिए Kaia को अपने टास्कबार में पिन करने की सलाह देते हैं।", + "title": "Kaia एक्सटेंशन स्थापित करें" + }, + "step2": { + "description": "अपने वॉलेट का बैकअप एक सुरक्षित तरीके से लेने के लिए सुनिश्चित करें। किसी के साथ भी अपना गुप्त वाक्यांश साझा न करें।", + "title": "वॉलेट बनाएं या आयात करें" + }, + "step3": { + "description": "एक बार जब आप अपना वॉलेट सेटअप कर लेते हैं, तो नीचे क्लिक करें ताकि ब्राउज़र को ताज़ा करें और एक्सटेंशन लोड करें।", + "title": "अपने ब्राउज़र को ताज़ा करें" + } + }, + "qr_code": { + "step1": { + "title": "Kaia ऐप को खोलें", + "description": "अपने वॉलेट के तेज एक्सेस के लिए Kaia ऐप को अपने होम स्क्रीन पर रखें।" + }, + "step2": { + "title": "वॉलेट बनाएं या आयात करें", + "description": "नया बटुआ बनाएं या मौजूदा को आयात करें।" + }, + "step3": { + "title": "ऊपरी दाएं कोने में स्कैनर आइकॉन पर टैप करें", + "description": "नया कनेक्शन चुनें, फिर QR कोड स्कैन करें और कनेक्ट करने के लिए प्रॉम्प्ट की पुष्टि करें।" + } + } + }, "kraken": { "qr_code": { "step1": { diff --git a/packages/rainbowkit/src/locales/id_ID.json b/packages/rainbowkit/src/locales/id_ID.json index 1e2aa03687..55156f06e4 100644 --- a/packages/rainbowkit/src/locales/id_ID.json +++ b/packages/rainbowkit/src/locales/id_ID.json @@ -552,6 +552,22 @@ } } }, + "iopay": { + "qr_code": { + "step1": { + "description": "Kami merekomendasikan untuk menaruh ioPay di layar utama Anda untuk akses wallet Anda lebih cepat.", + "title": "Buka aplikasi ioPay" + }, + "step2": { + "description": "Anda dapat dengan mudah mencadangkan wallet Anda menggunakan fitur cadangan kami di telepon Anda.", + "title": "Buat atau Impor Dompet" + }, + "step3": { + "description": "Setelah Anda memindai, akan muncul petunjuk koneksi untuk Anda menghubungkan dompet Anda.", + "title": "Ketuk tombol WalletConnect" + } + } + }, "kaikas": { "extension": { "step1": { @@ -582,6 +598,36 @@ } } }, + "kaia": { + "extension": { + "step1": { + "description": "Kami merekomendasikan menempelkan Kaia ke taskbar Anda untuk akses dompet Anda lebih cepat.", + "title": "Instal ekstensi Kaia" + }, + "step2": { + "description": "Pastikan untuk mencadangkan wallet Anda menggunakan metode yang aman. Jangan pernah berbagi frasa rahasia Anda dengan siapa pun.", + "title": "Buat atau Impor Dompet" + }, + "step3": { + "description": "Setelah Anda menyiapkan dompet Anda, klik di bawah ini untuk menyegarkan browser dan memuat ekstensi.", + "title": "Segarkan browser Anda" + } + }, + "qr_code": { + "step1": { + "title": "Buka aplikasi Kaia", + "description": "Letakkan aplikasi Kaia di layar utama Anda untuk akses yang lebih cepat ke dompet Anda." + }, + "step2": { + "title": "Buat atau Impor Dompet", + "description": "Buat dompet baru atau impor yang sudah ada." + }, + "step3": { + "title": "Ketuk Ikon Scanner di pojok kanan atas", + "description": "Pilih Koneksi Baru, lalu pindai kode QR dan konfirmasi petunjuk untuk terhubung." + } + } + }, "kraken": { "qr_code": { "step1": { diff --git a/packages/rainbowkit/src/locales/ja_JP.json b/packages/rainbowkit/src/locales/ja_JP.json index 71b2e90c8c..ef602de1b1 100644 --- a/packages/rainbowkit/src/locales/ja_JP.json +++ b/packages/rainbowkit/src/locales/ja_JP.json @@ -552,6 +552,22 @@ } } }, + "iopay": { + "qr_code": { + "step1": { + "description": "ウォレットへの迅速なアクセスのため、ioPayをホーム画面に設定することを推奨します。", + "title": "ioPayアプリを開く" + }, + "step2": { + "description": "電話のバックアップ機能を使用して、ウォレットを簡単にバックアップすることができます。", + "title": "ウォレットを作成またはインポート" + }, + "step3": { + "description": "スキャン後、ウォレットを接続するための接続プロンプトが表示されます。", + "title": "WalletConnectボタンをタップします" + } + } + }, "kaikas": { "extension": { "step1": { @@ -582,6 +598,36 @@ } } }, + "kaia": { + "extension": { + "step1": { + "description": "ウォレットへの迅速なアクセスのために、タスクバーにKaiaをピン留めすることをお勧めします。", + "title": "Kaia拡張機能をインストールする" + }, + "step2": { + "description": "ウォレットは安全な方法でバックアップしてください。秘密のフレーズを誰とも共有しないでください。", + "title": "ウォレットを作成またはインポート" + }, + "step3": { + "description": "ウォレットを設定したら、以下をクリックしてブラウザを更新し、拡張機能を読み込みます。", + "title": "ブラウザを更新する" + } + }, + "qr_code": { + "step1": { + "title": "Kaiaアプリを開く", + "description": "ウォレットへのアクセスを速くするために、Kaiaアプリをホーム画面に置いてください。" + }, + "step2": { + "title": "ウォレットを作成またはインポート", + "description": "新しいウォレットを作成するか、既存のものをインポートします。" + }, + "step3": { + "title": "右上隅のスキャナーアイコンをタップします", + "description": "新しい接続を選択し、QRコードをスキャンしてプロンプトを確認し接続します。" + } + } + }, "kraken": { "qr_code": { "step1": { diff --git a/packages/rainbowkit/src/locales/ko_KR.json b/packages/rainbowkit/src/locales/ko_KR.json index 8953bb2e4c..b5e987ee81 100644 --- a/packages/rainbowkit/src/locales/ko_KR.json +++ b/packages/rainbowkit/src/locales/ko_KR.json @@ -552,6 +552,22 @@ } } }, + "iopay": { + "qr_code": { + "step1": { + "description": "지갑에 더 빠르게 접근하기 위해 ioPay를 홈 화면에 두는 것을 추천드립니다.", + "title": "ioPay 앱을 엽니다" + }, + "step2": { + "description": "휴대폰에서 백업 기능을 이용하여 지갑을 쉽게 백업할 수 있습니다.", + "title": "지갑 생성 또는 가져오기" + }, + "step3": { + "description": "스캔 후에 지갑을 연결하기 위한 연결 요청이 표시됩니다.", + "title": "WalletConnect 버튼을 누르세요" + } + } + }, "kaikas": { "extension": { "step1": { @@ -582,6 +598,36 @@ } } }, + "kaia": { + "extension": { + "step1": { + "description": "지갑에 더 빠르게 접근할 수 있도록 Kaia를 작업 표시줄에 고정하는 것을 권장합니다.", + "title": "Kaia 확장 프로그램을 설치하세요" + }, + "step2": { + "description": "안전한 방법을 사용하여 지갑을 백업하세요. 절대로 비밀 구문을 누구와도 공유하지 마세요.", + "title": "지갑 생성 또는 가져오기" + }, + "step3": { + "description": "지갑 설정을 마친 후 아래를 클릭하여 브라우저를 새로고침하고 확장 프로그램을 로드하세요.", + "title": "브라우저를 새로 고침하세요" + } + }, + "qr_code": { + "step1": { + "title": "Kaia 앱을 엽니다", + "description": "지갑에 더 빠르게 접근할 수 있도록 홈 화면에 Kaia 앱을 두는 것을 추천합니다." + }, + "step2": { + "title": "지갑 생성 또는 가져오기", + "description": "새로운 지갑을 만들거나 기존의 지갑을 가져옵니다." + }, + "step3": { + "title": "오른쪽 상단의 스캐너 아이콘을 누릅니다", + "description": "새 연결을 선택하고 QR 코드를 스캔한 뒤, 연결하려는 프롬프트를 확인합니다." + } + } + }, "kraken": { "qr_code": { "step1": { diff --git a/packages/rainbowkit/src/locales/pt_BR.json b/packages/rainbowkit/src/locales/pt_BR.json index 14d0c81cb2..7e1d3beb61 100644 --- a/packages/rainbowkit/src/locales/pt_BR.json +++ b/packages/rainbowkit/src/locales/pt_BR.json @@ -552,6 +552,22 @@ } } }, + "iopay": { + "qr_code": { + "step1": { + "description": "Recomendamos colocar o ioPay na tela inicial para um acesso mais rápido à sua carteira.", + "title": "Abra o aplicativo ioPay" + }, + "step2": { + "description": "Você pode facilmente fazer backup de sua carteira usando nosso recurso de backup em seu telefone.", + "title": "Criar ou Importar uma Carteira" + }, + "step3": { + "description": "Depois que você escanear, um prompt de conexão aparecerá para você conectar sua carteira.", + "title": "Toque no botão WalletConnect" + } + } + }, "kaikas": { "extension": { "step1": { @@ -582,6 +598,36 @@ } } }, + "kaia": { + "extension": { + "step1": { + "description": "Recomendamos fixar o Kaia na sua barra de tarefas para um acesso mais rápido à sua carteira.", + "title": "Instale a extensão Kaia" + }, + "step2": { + "description": "Certifique-se de fazer backup de sua carteira usando um método seguro. Nunca compartilhe sua frase secreta com ninguém.", + "title": "Criar ou Importar uma Carteira" + }, + "step3": { + "description": "Depois de configurar sua carteira, clique abaixo para atualizar o navegador e carregar a extensão.", + "title": "Atualize seu navegador" + } + }, + "qr_code": { + "step1": { + "title": "Abra o aplicativo Kaia", + "description": "Coloque o aplicativo Kaia na tela inicial para um acesso mais rápido à sua carteira." + }, + "step2": { + "title": "Criar ou Importar uma Carteira", + "description": "Crie uma nova carteira ou importe uma existente." + }, + "step3": { + "title": "Toque no ícone do Scanner no canto superior direito", + "description": "Escolha Nova Conexão, em seguida, escaneie o código QR e confirme o prompt para conectar." + } + } + }, "kraken": { "qr_code": { "step1": { diff --git a/packages/rainbowkit/src/locales/ru_RU.json b/packages/rainbowkit/src/locales/ru_RU.json index e494baf8ae..6dd6153924 100644 --- a/packages/rainbowkit/src/locales/ru_RU.json +++ b/packages/rainbowkit/src/locales/ru_RU.json @@ -552,6 +552,22 @@ } } }, + "iopay": { + "qr_code": { + "step1": { + "description": "Мы рекомендуем разместить ioPay на вашем домашнем экране для более быстрого доступа к вашему кошельку.", + "title": "Откройте приложение ioPay" + }, + "step2": { + "description": "Вы можете легко сделать резервную копию вашего кошелька, используя нашу функцию резервного копирования на вашем телефоне.", + "title": "Создать или Импортировать кошелек" + }, + "step3": { + "description": "После сканирования появится запрос на подключение для подключения вашего кошелька.", + "title": "Нажмите кнопку WalletConnect" + } + } + }, "kaikas": { "extension": { "step1": { @@ -582,6 +598,36 @@ } } }, + "kaia": { + "extension": { + "step1": { + "description": "Мы рекомендуем закрепить Kaia на панели задач для более быстрого доступа к вашему кошельку.", + "title": "Установите расширение Kaia" + }, + "step2": { + "description": "Обязательно сделайте резервную копию вашего кошелька с использованием безопасного метода. Никогда не делитесь своей секретной фразой с кем-либо.", + "title": "Создать или Импортировать кошелек" + }, + "step3": { + "description": "После настройки вашего кошелька, нажмите ниже, чтобы обновить браузер и загрузить расширение.", + "title": "Обновите ваш браузер" + } + }, + "qr_code": { + "step1": { + "title": "Откройте приложение Kaia", + "description": "Добавьте приложение Kaia на главный экран для более быстрого доступа к вашему кошельку." + }, + "step2": { + "title": "Создать или Импортировать кошелек", + "description": "Создайте новый кошелек или импортируйте существующий." + }, + "step3": { + "title": "Нажмите на иконку сканера в верхнем правом углу", + "description": "Выберите Новое соединение, затем отсканируйте QR-код и подтвердите запрос на соединение." + } + } + }, "kraken": { "qr_code": { "step1": { diff --git a/packages/rainbowkit/src/locales/th_TH.json b/packages/rainbowkit/src/locales/th_TH.json index 74f8453006..b932e71397 100644 --- a/packages/rainbowkit/src/locales/th_TH.json +++ b/packages/rainbowkit/src/locales/th_TH.json @@ -552,6 +552,22 @@ } } }, + "iopay": { + "qr_code": { + "step1": { + "description": "เราแนะนำให้คุณวาง ioPay บนหน้าจอหลักของคุณเพื่อเข้าถึงกระเป๋าเงินของคุณได้เร็วขึ้น", + "title": "เปิดแอป ioPay" + }, + "step2": { + "description": "คุณสามารถสำรองข้อมูลกระเป๋าเงินของคุณได้ง่ายๆ ด้วยฟีเจอร์สำรองข้อมูลบนโทรศัพท์ของคุณ.", + "title": "สร้างหรือนำเข้า Wallet" + }, + "step3": { + "description": "หลังจากคุณสแกน จะปรากฏหน้าต่างเชื่อมต่อให้คุณเชื่อมต่อกระเป๋าเงินของคุณ", + "title": "แตะที่ปุ่ม WalletConnect" + } + } + }, "kaikas": { "extension": { "step1": { @@ -582,6 +598,36 @@ } } }, + "kaia": { + "extension": { + "step1": { + "description": "เราแนะนำให้คุณปัก Kaia ไว้ที่แถบงานของคุณเพื่อเข้าถึงกระเป๋าเงินของคุณได้เร็วขึ้น", + "title": "ติดตั้งส่วนขยาย Kaia" + }, + "step2": { + "description": "ตรวจสอบการสำรองข้อมูลกระเป๋าสตางค์ของคุณให้แน่นอนโดยใช้วิธีที่ปลอดภัย อย่าแชร์วลีลับของคุณกับใครเป็นอันขาด.", + "title": "สร้างหรือนำเข้า Wallet" + }, + "step3": { + "description": "เมื่อคุณตั้งค่ากระเป๋าเงินของคุณแล้วคลิกด้านล่างเพื่อรีเฟรชเบราว์เซอร์และโหลดส่วนเสริม", + "title": "รีเฟรชเบราว์เซอร์ของคุณ" + } + }, + "qr_code": { + "step1": { + "title": "เปิดแอพ Kaia", + "description": "วางแอพ Kaia ไว้ที่หน้าจอหลักเพื่อเข้าถึงกระเป๋าเงินของคุณได้เร็วขึ้น" + }, + "step2": { + "title": "สร้างหรือนำเข้า Wallet", + "description": "สร้างกระเป๋าเงินใหม่หรือนำเข้าที่มีอยู่แล้ว." + }, + "step3": { + "title": "แตะไอคอนสแกนเนอร์ในมุมบนขวา", + "description": "เลือก New Connection, แล้วสแกน QR code และยืนยันการรับรองสำหรับการเชื่อมต่อ" + } + } + }, "kraken": { "qr_code": { "step1": { diff --git a/packages/rainbowkit/src/locales/tr_TR.json b/packages/rainbowkit/src/locales/tr_TR.json index 857da897d1..47a71bfc0e 100644 --- a/packages/rainbowkit/src/locales/tr_TR.json +++ b/packages/rainbowkit/src/locales/tr_TR.json @@ -552,6 +552,22 @@ } } }, + "iopay": { + "qr_code": { + "step1": { + "description": "Cüzdanınıza daha hızlı erişim için ioPay'i ana ekranınıza koymanızı öneririz.", + "title": "ioPay uygulamasını açın" + }, + "step2": { + "description": "Telefonunuzdaki yedekleme özelliğimizi kullanarak cüzdanınızı kolayca yedekleyebilirsiniz.", + "title": "Cüzdan Oluştur veya Cüzdanı İçe Aktar" + }, + "step3": { + "description": "Taradıktan sonra, cüzdanınızı bağlamak için bir bağlantı istemi görünecektir.", + "title": "CüzdanBağlantısı düğmesine dokunun" + } + } + }, "kaikas": { "extension": { "step1": { @@ -582,6 +598,36 @@ } } }, + "kaia": { + "extension": { + "step1": { + "description": "Cüzdanınıza daha hızlı erişim için Kaia'yı görev çubuğunuza sabitlemenizi öneririz.", + "title": "Kaia uzantısını yükleyin" + }, + "step2": { + "description": "Cüzdanınızı güvenli bir yöntemle yedeklemeye emin olun. Gizli ifadenizi asla kimseyle paylaşmayın.", + "title": "Cüzdan Oluştur veya Cüzdanı İçe Aktar" + }, + "step3": { + "description": "Cüzdanınızı kurduktan sonra, aşağıya tıklayın ve tarayıcıyı yenileyin ve eklentiyi yükleyin.", + "title": "Tarayıcınızı yenileyin" + } + }, + "qr_code": { + "step1": { + "title": "Kaia uygulamasını açın", + "description": "Cüzdanınıza daha hızlı erişim için Kaia uygulamasını ana ekranınıza koyun." + }, + "step2": { + "title": "Cüzdan Oluştur veya Cüzdanı İçe Aktar", + "description": "Yeni bir cüzdan oluşturun veya mevcut birini içe aktarın." + }, + "step3": { + "title": "Sağ üst köşede Tarayıcı Simgesine dokunun", + "description": "Yeni Bağlantı'yı seçin, ardından QR kodunu tarayın ve bağlantıyı onaylamak için istemi onaylayın." + } + } + }, "kraken": { "qr_code": { "step1": { diff --git a/packages/rainbowkit/src/locales/uk_UA.json b/packages/rainbowkit/src/locales/uk_UA.json index a8c6ff723f..f5470743a9 100644 --- a/packages/rainbowkit/src/locales/uk_UA.json +++ b/packages/rainbowkit/src/locales/uk_UA.json @@ -552,6 +552,22 @@ } } }, + "iopay": { + "qr_code": { + "step1": { + "description": "Ми рекомендуємо розмістити ioPay на головному екрані для швидшого доступу до вашого гаманця.", + "title": "Відкрийте додаток ioPay" + }, + "step2": { + "description": "Ви можете легко зробити резервну копію вашого гаманця, використовуючи нашу функцію резервного копіювання на вашому телефоні.", + "title": "Створити або Імпортувати Гаманець" + }, + "step3": { + "description": "Після сканування з'явиться запит на під'єднання для підключення вашого гаманця.", + "title": "Натисніть кнопку WalletConnect" + } + } + }, "kaikas": { "extension": { "step1": { @@ -582,6 +598,36 @@ } } }, + "kaia": { + "extension": { + "step1": { + "description": "Ми рекомендуємо закріпити Kaia на панелі задач для швидшого доступу до вашого гаманця.", + "title": "Встановіть розширення Kaia" + }, + "step2": { + "description": "Не забудьте зробити резервну копію вашого гаманця за допомогою безпечного методу. Ніколи не діліться вашою секретною фразою з кимось.", + "title": "Створити або Імпортувати Гаманець" + }, + "step3": { + "description": "Після налаштування вашого гаманця, натисніть нижче, щоб оновити браузер і завантажити розширення.", + "title": "Оновіть ваш браузер" + } + }, + "qr_code": { + "step1": { + "title": "Відкрийте додаток Kaia", + "description": "Додайте додаток Kaia на домашній екран для швидшого доступу до вашого гаманця." + }, + "step2": { + "title": "Створити або Імпортувати Гаманець", + "description": "Створіть новий гаманець або імпортуйте існуючий." + }, + "step3": { + "title": "Натисніть на іконку сканера в правому верхньому куті", + "description": "Виберіть 'Нове з'єднання', потім відскануйте QR-код і підтвердіть запит на підключення." + } + } + }, "kraken": { "qr_code": { "step1": { diff --git a/site/data/ar/docs/authentication.mdx b/site/data/ar/docs/authentication.mdx index 976a2fbf37..56b3eb4ebe 100644 --- a/site/data/ar/docs/authentication.mdx +++ b/site/data/ar/docs/authentication.mdx @@ -33,7 +33,7 @@ npm install @rainbow-me/rainbowkit-siwe-next-auth siwe@^2 ethers@^5 import { RainbowKitSiweNextAuthProvider } from '@rainbow-me/rainbowkit-siwe-next-auth'; ``` -قم بلف `RainbowKitProvider` بـ 'RainbowKitSiweNextAuthProvider'، مع التأكد من تغليفه ضمن 'SessionProvider' الخاص بـ NextAuth حتى يتمكن من الوصول إلى الجلسة. +قم بلف `RainbowKitProvider` بـ `RainbowKitSiweNextAuthProvider`، مع التأكد من تغليفه ضمن `SessionProvider` الخاص بـ NextAuth حتى يتمكن من الوصول إلى الجلسة. ```tsx import { RainbowKitSiweNextAuthProvider } from '@rainbow-me/rainbowkit-siwe-next-auth'; diff --git a/site/data/ar/docs/chains.mdx b/site/data/ar/docs/chains.mdx index a5a05ce96f..2ae4d4d1cf 100644 --- a/site/data/ar/docs/chains.mdx +++ b/site/data/ar/docs/chains.mdx @@ -11,7 +11,7 @@ description: تخصيص السلاسل ### تخصيص السلسلة الأولية -بشكل افتراضي، سيتصل RainbowKit بأول سلسلة تم تزويدها إلى Wagmi. يمكن تخصيص هذا السلوك عبر خاصية `initialChain`. +بشكل افتراضي، سيقوم RainbowKit بالاتصال بالسلسلة الأولى المقدمة إلى Wagmi. يمكن تخصيص هذا السلوك عبر خاصية `initialChain`. يمكن تكوين السلسلة الأولية باستخدام معرف السلسلة. @@ -25,11 +25,11 @@ description: تخصيص السلاسل ``` -### بيانات سلسلة مخصصة +### بيانات وصفية خاصة بالسلاسل المخصصة -يتم توفير عدة رموز وخلفيات للسلسلة بشكل افتراضي، ولكن يمكنك تخصيص الرمز والخلفية لكل سلسلة باستخدام خصائص `iconUrl` و `iconBackground`. +يتم توفير العديد من أيقونات السلاسل والخلفيات بشكل افتراضي، ولكن يمكنك تخصيص أيقونة وخلفية كل سلسلة باستخدام خاصيتي `iconUrl` و `iconBackground`. -مثال باستخدام `getDefaultConfig` +مثال مع `getDefaultConfig` ```tsx import { mainnet, optimism } from 'wagmi/chains'; diff --git a/site/data/ar/docs/connect-button.mdx b/site/data/ar/docs/connect-button.mdx index 52db1a0b01..42d8259a3e 100644 --- a/site/data/ar/docs/connect-button.mdx +++ b/site/data/ar/docs/connect-button.mdx @@ -7,7 +7,7 @@ description: استخدام وتخصيص زر الاتصال ## استخدام وتخصيص زر الاتصال -هذا هو المكون الرئيسي. هو المسؤول عن تقديم زر الاتصال / قطع الاتصال، بالإضافة إلى واجهة المستخدم لتبديل السلسلة. +هذا هو المكون الرئيسي. إنه مسؤول عن عرض زر الاتصال/قطع الاتصال، بالإضافة إلى واجهة تبديل السلاسل. ```tsx import { ConnectButton } from '@rainbow-me/rainbowkit'; @@ -17,11 +17,11 @@ export const YourApp = () => { }; ``` -> ملاحظة: تأكد أن تطبيقك مغلف في الموفرين اللازمين. [اقرأ المزيد](/docs/installation#wrap-providers). +> ملاحظة: تأكد من أن تطبيقك ملفوف في الموفرات اللازمة. [اقرأ المزيد](/docs/installation#wrap-providers). ### الخصائص -يعرض component `زر الاتصال` عدة خصائص لتخصيص مظهره، بما في ذلك تبديل رؤية العناصر المختلفة. +المكون `ConnectButton` يكشف عدة خصائص لتخصيص مظهره، بما في ذلك تبديل رؤية العناصر المختلفة. { ]} /> -> ملاحظة: القياس المدمج `largeScreen` هو `768px`. +> ملاحظة: نقطة التوقف المدمجة في `largeScreen` هي `768px`. ### أمثلة #### التسمية -استخدم خاصية `label` لتعيين نص `زر الاتصال` المخصص. +استخدم خاصة `label` لتعيين نص مخصص لـ `ConnectButton`. ```tsx @@ -76,15 +76,15 @@ export const YourApp = () => { #### حالة الحساب -هنا بعض الطرق المختلفة التي يمكنك استخدامها لخاصية `accountStatus`. +إليك بعض الطرق المختلفة التي يمكنك استخدام خاصية `accountStatus`. -أظهر رمز الحساب فقط. +إظهار صورة الحساب فقط. ```tsx ``` -أظهر عنوان الحساب فقط. +إظهار عنوان الحساب فقط. ```tsx @@ -92,21 +92,21 @@ export const YourApp = () => { #### حالة السلسلة -هنا بعض الطرق المختلفة التي يمكنك استخدامها للخاصية `chainStatus`. +إليك بعض الطرق المختلفة التي يمكنك استخدام خاصية `chainStatus`. -أظهر رمز السلسلة الحالية فقط. +إظهار أيقونة السلسلة الحالية فقط. ```tsx ``` -أظهر اسم السلسلة الحالية فقط. +إظهار اسم السلسلة الحالية فقط. ```tsx ``` -إخفاء واجهة السلسلة بالكامل. +إخفاء واجهة المستخدم الخاصة بالسلسلة بالكامل. ```tsx @@ -122,11 +122,11 @@ export const YourApp = () => { ``` -#### استجابة +#### تجاوب -يمكن تحديد هذه الخصائص أيضًا بتنسيق استجابة. +يمكن تعريف هذه الخصائص أيضًا بتنسيق مرن. -على الشاشات الصغيرة، أظهر رمز الحساب فقط. ولكن على الشاشات الكبيرة، أظهر الرمز والعنوان. +على الشاشات الصغيرة، إظهار أيقونة الحساب فقط. لكن على الشاشات الكبيرة، إظهار الأيقونة والعنوان. ```tsx { /> ``` -على الشاشات الصغيرة، اخفي الرصيد. لكن على الشاشات الكبيرة، أظهرها. +على الشاشات الصغيرة، إخفاء الرصيد. لكن على الشاشات الكبيرة، إظهاره. ```tsx ( ); ``` -### ولكن ما هو؟ +### لكن ما هو؟ -انفجارات الرموز التعبيرية عندما يتم اختيار محفظة من قائمة المحافظ 🌈🌈🌈. يستخدم رمز المحفظة التي تختارها. +انفجارات رموز الإيموجي عند اختيار محفظة من قائمة المحافظ 🌈🌈🌈. يستخدم أيقونة المحفظة التي تختارها. -#### عرض توضيحي +#### عرض تجريبي -اضغط على الأزرار أدناه لرؤية ما يفعله وضع الرائع. +اضغط على الأزرار أدناه لترى ما يفعله وضع الرائع. diff --git a/site/data/ar/docs/custom-app-info.mdx b/site/data/ar/docs/custom-app-info.mdx index bedd2c07e0..4c89fbea1f 100644 --- a/site/data/ar/docs/custom-app-info.mdx +++ b/site/data/ar/docs/custom-app-info.mdx @@ -5,9 +5,9 @@ description: تخصيص معلومات التطبيق الخاص بك # معلومات التطبيق المخصص -## تخصيص معلومات التطبيق الخاص بك +## تخصيص معلومات تطبيقك -يمكنك تمرير معلومات التطبيق الخاص بك في الخاصية `appInfo` لـ `RainbowKitProvider`. الخصائص التي يمكنك تعديلها هي اسم التطبيق الخاص بك (`appName`) والرابط الذي يتم إعادة توجيه زر "اعرف المزيد" في نافذة الاتصال إليه (`learnMoreUrl`): +يمكنك تمرير معلومات تطبيقك في خاصية `appInfo` لمكون `RainbowKitProvider`. الخصائص التي يمكنك تعديلها هي اسم التطبيق (`appName`) والرابط الذي يعيد التوجيه عند الضغط على زر “تعرف على المزيد” في نافذة الاتصال (`learnMoreUrl`): ```tsx import { RainbowKitProvider } from '@rainbow-me/rainbowkit'; @@ -29,7 +29,7 @@ const App = () => { ### أضف إخلاء مسؤولية -يمكنك تقديم إخلاء مسؤولية خاص بك ليتم عرضه في أسفل نافذة الاتصال. تتخذ الخاصية `disclaimer` في `appInfo` قيمة `DisclaimerComponent` مع وسيطات `Text` و `Link`. يمكنك استخدامه لبناء إخلاء مسؤولية خاص بك يرث نظام الثيم. نحن نصدر نوع `DisclaimerComponent` لمستخدمي TypeScript: +يمكنك تقديم إخلاء مسؤوليتك الخاص ليتم عرضه في أسفل نافذة الاتصال. تأخذ خاصية `disclaimer` في `appInfo` مكون `DisclaimerComponent` مع وسيطات `Text` و `Link`. يمكنك استخدامه لبناء إخلاء المسؤولية الخاص بك الذي يرث نظام التهيئة. نقوم بتصدير نوع `DisclaimerComponent` لمستخدمي TypeScript: ```tsx import { diff --git a/site/data/ar/docs/custom-authentication.mdx b/site/data/ar/docs/custom-authentication.mdx index d214439dff..757254d84d 100644 --- a/site/data/ar/docs/custom-authentication.mdx +++ b/site/data/ar/docs/custom-authentication.mdx @@ -7,7 +7,7 @@ description: الاتصال بنظام المصادقة الخلفي الخاص ## الاتصال بنظام المصادقة الخلفي الخاص بك -بينما يقدم RainbowKit [دعمًا من الدرجة الأولى لتسجيل الدخول باستخدام Ethereum وNextAuth.js،](/docs/authentication#setupsigninwithethereumandnextauthjs) يمكنك أيضًا الدمج مع الخلفيات المخصصة وتنسيقات الرسائل +بينما يقدم RainbowKit [دعمًا من الدرجة الأولى لتسجيل الدخول باستخدام Ethereum وNextAuth.js،](/docs/authentication#set-up-sign-in-with-ethereum-and-nextauthjs) يمكنك أيضًا الدمج مع الخلفيات المخصصة وتنسيقات الرسائل. ### إنشاء محول مخصص @@ -59,7 +59,7 @@ const authenticationAdapter = createAuthenticationAdapter({ #### توفير حالة المصادقة -باستخدام الافتراض أن تطبيقك يدير حياة المصادقة بطريقة ما، يمكنك تمرير حالة المصادقة الحالية مع المحول المخصص الخاص بك إلى `RainbowKitAuthenticationProvider`، مع تغليف `RainbowKitProvider` الخاص بك +باستخدام الافتراض أن تطبيقك يدير حياة المصادقة بطريقة ما، يمكنك تمرير حالة المصادقة الحالية مع المحول المخصص الخاص بك إلى `RainbowKitAuthenticationProvider`، مع تغليف `RainbowKitProvider` الخاص بك. ```tsx import { diff --git a/site/data/ar/docs/custom-avatars.mdx b/site/data/ar/docs/custom-avatars.mdx index a56a7dffa2..8631db2af4 100644 --- a/site/data/ar/docs/custom-avatars.mdx +++ b/site/data/ar/docs/custom-avatars.mdx @@ -1,13 +1,13 @@ --- title: الصور الرمزية المخصصة -description: تخصيص صورة المستخدم في التطبيق الخاص بك +description: تخصيص صورة المستخدم الرمزية لتطبيقك --- # الصور الرمزية المخصصة -## تخصيص صورة المستخدم في التطبيق الخاص بك +## تخصيص صورة المستخدم الرمزية لتطبيقك -الافتراضي أننا نوفر صورة رمزية للمستخدمين في حالة عدم تعيين صورة ENS الخاصة بهم، ولكن يمكنك تخصيص هذا عن طريق توفير مكون صورتك الرمزية الخاصة. يمكنك استيراد نوع `AvatarComponent` في حالة استخدام TypeScript: +نحن نوفر بصورة افتراضية صورة رمزية للمستخدمين في حال لم يتم تعيين صورة ENS الخاصة بهم، ولكن يمكنك تخصيص ذلك عن طريق تقديم مكون الصورة الرمزية الخاص بك. يمكنك استيراد نوع `AvatarComponent` إذا كنت تستخدم TypeScript: ```tsx import { @@ -48,4 +48,4 @@ const App = () => { }; ``` -نوع `AvatarComponent` المرتفع إلى prop `avatar` يحتوي على أنواع الخاصية كالتالي: `<{ address: string; ensImage?: string | null; size: number;}>` +يتم تمرير `AvatarComponent` إلى خاصية `avatar` بأنواع الخصائص التالية: `<{ address: string; ensImage?: string | null; size: number;}>` diff --git a/site/data/ar/docs/custom-chains.mdx b/site/data/ar/docs/custom-chains.mdx index 468c7586fd..78caa7ded4 100644 --- a/site/data/ar/docs/custom-chains.mdx +++ b/site/data/ar/docs/custom-chains.mdx @@ -7,7 +7,7 @@ description: إنشاء سلسلة مخصصة ## إنشاء سلسلة مخصصة -يمكنك استخدام نوع `Chain` لمساعدتك في إنشاء سلسلة مخصصة. ثم، مرر ذلك إلى `getDefaultConfig` أو إلى تكوين Wagmi [`createConfig`](https://wagmi.sh/core/api/createConfig#createconfig). +يمكنك استخدام نوع `Chain` لمساعدتك في إنشاء سلسلة مخصصة. ثم مرر هذا إلى `getDefaultConfig` أو [`createConfig`](https://wagmi.sh/core/api/createConfig#createconfig) الخاص بـ Wagmi. على سبيل المثال، إليك كيف يمكنك إنشاء سلسلة Avalanche لـ [avax.network](https://avax.network). diff --git a/site/data/ar/docs/custom-connect-button.mdx b/site/data/ar/docs/custom-connect-button.mdx index e36c98410d..1ccc8c287d 100644 --- a/site/data/ar/docs/custom-connect-button.mdx +++ b/site/data/ar/docs/custom-connect-button.mdx @@ -111,7 +111,7 @@ export const YourApp = () => { }; ``` -تتم إرسال الخاصيات التالية إلى وظيفتك التصيير. +الخصائص التالية تُمرر إلى دالة العرض الخاصة بك. ### خصائص الحساب @@ -271,7 +271,7 @@ export const YourApp = () => { ]} /> -### خصائص حالة النافذة المنبثقة +### خصائص حالة النموذج ملاحظة: هذه الواجهة البرمجية غير مستقرة ومرجح أن تتغير -> في المستقبل القريب. نوصي بالتمسك بـ[السمات المدمجة](/docs/theming) لـ -> الآن. +> ملاحظة: هذا الواجهة البرمجية للتطبيقات غير مستقرة ومرجح أن تتغير في المستقبل القريب. نوصي بالالتزام باستخدام [السمات المدمجة](/docs/theming) في الوقت الحالي. -بينما تقدم السمات المدمجة بعض درجات التخصيص، يتم توفير نوع `Theme` لمساعدتك على تعريف سماتك المخصصة الخاصة بهك بالوصول على مستوى أدنى إلى متغيرات السمة الأساسية. +بينما توفر السمات المدمجة بعض مستوى من التخصيص، يتم توفير نوع `Theme` لمساعدتك في تعريف سماتك المخصصة مع الوصول إلى متغيرات السمة الأساسية. ```tsx import { RainbowKitProvider, Theme } from '@rainbow-me/rainbowkit'; @@ -79,17 +77,17 @@ const App = () => ( ) ``` -### توسيع سمة مدمجة +### تمديد سمة مدمجة -يمكنك توسيع سمة مدمجة دون الحاجة لإعادة تعريف السمة بأكملها. هذا مفيد عندما ترغب فقط في تجاوز الرموز السمات المحددة. +يمكنك تمديد سمة مدمجة دون الحاجة إلى إعادة تعريف السمة بالكامل. هذا مفيد عندما تريد فقط تجاوز رموز السمة المحددة. -للقيام بذلك، قم بتثبيت `lodash.merge` (أو ما يكافئه): +للقيام بذلك، قم بتثبيت `lodash.merge` (أو ما يعادله): ```bash npm install lodash.merge ``` -استورده، بجانب السمة التي تريد توسيعها (مثل: `darkTheme`) ونوع `Theme` من TypeScript: +استورده مع السمة التي تريد تمديدها (على سبيل المثال: `darkTheme`) ونوع `Theme` في TypeScript: ```tsx import merge from 'lodash.merge'; @@ -100,7 +98,7 @@ import { } from '@rainbow-me/rainbowkit'; ``` -ثم، ادمج السمة المدمجة، مع رموز السمة التي تود تجاوزها. في هذا المثال، أقوم بتجاوز الرمز `accentColor` ليتوافق مع لون العلامة التجارية لدي. +ثم، ادمج السمة المدمجة مع رموز السمة التي تريد تجاوزها. في هذا المثال، أنا أتجاوز رمز `accentColor` ليتناسب مع لون التمييز الخاص بعلامتي التجارية. ```tsx const myTheme = merge(darkTheme(), { @@ -110,7 +108,7 @@ const myTheme = merge(darkTheme(), { } as Theme); ``` -أخيرا، يمكنك الآن تمرير السمة المخصصة الخاصة بك إلى `theme` prop لـ `RainbowKitProvider`. +أخيرًا، يمكنك الآن تمرير سمة مخصصة إلى خاصية `theme` لـ `RainbowKitProvider`. ```tsx const App = () => { @@ -124,14 +122,14 @@ const App = () => { ### إنشاء محددات سمة مخصصة -إذا كان تطبيقك يتم تقديمه خادمًا / بشكل ثابت ويسمح للمستخدمين بالتبديل يدويًا بين السمات، يمكن ربط نظام السمات لـ RainbowKit بمحددات CSS مخصصة باستخدام الوظائف التالية التي يمكن استخدامها مع أي نظام CSS-in-JS: +إذا كان تطبيقك مُقدمًا بواسطة الخادم/ثابت ويسمح للمستخدمين بالتنقل يدويًا بين السمات، يمكن ربط نظام السمات الخاص بـ RainbowKit بمحددات CSS المخصصة باستخدام الدوال التالية التي يمكن استخدامها مع أي نظام CSS في Javascript: - `cssStringFromTheme` - `cssObjectFromTheme` -تعيد هذه الوظائف CSS يضبط جميع متغيرات السمة المطلوبة. بما أن كلاً من السلاسل والكائنات مدعومة، يمكن دمجها مع أي نظام CSS-in-JS. +تعيد هذه الدوال CSS الذي يحدد جميع متغيرات السمة المطلوبة. نظرًا لدعم السلاسل النصية والكائنات، يمكن دمج هذا مع أي نظام CSS في Javascript. -كمثال أساسي، يمكنك تقديم عنصر `style` خاص بك مع محددات مخصصة لكل سمة. بما أننا نتحكم في تقديم CSS للسمة، نقوم بتمرير `null` إلى `theme` prop بحيث لا يقوم RainbowKitProvider بتقديم أي أنماط لنا. أيضا قم بملاحظة استخدام خيار extends على الدالة cssStringFromTheme التي تحذف أي متغيرات للمظهر تكون مشابهة للمظهر الأساسي. +كمثال بسيط، يمكنك عرض عنصر `style` الخاص بك مع المحددات المخصصة لكل سمة. نظرًا لأننا نتحكم في عرض CSS للسمات، فإننا نقوم بتمرير `null` إلى خاصية `theme` حتى لا يقوم RainbowKitProvider بعرض أي أنماط لنا. لاحظ أيضًا استخدام خيار extends في دالة cssStringFromTheme الذي يحذف أي متغيرات سمة تكون متطابقة مع السمة الأساسية. ```tsx import { diff --git a/site/data/ar/docs/custom-wallet-list.mdx b/site/data/ar/docs/custom-wallet-list.mdx index 3aa00e138f..84f933f568 100644 --- a/site/data/ar/docs/custom-wallet-list.mdx +++ b/site/data/ar/docs/custom-wallet-list.mdx @@ -32,7 +32,7 @@ const connectors = connectorsForWallets( ); ``` -يمكنك بعد ذلك تمرير الموصلات الخاصة بك إلى `createConfig` الخاص بـ Wagmi. +يمكنك بعد ذلك تمرير الموصلات إلى `createConfig` من Wagmi. ```tsx import { connectorsForWallets } from '@rainbow-me/rainbowkit'; @@ -62,7 +62,7 @@ const App = () => ( تم تقديم المحافظ التالية عبر كائن `wallet`. -#### المحافظ العامة +#### محافظ عامة المحافظ التالية تتميز بتوجهات الاتصال العامة بدلاً من التطبيقات المحددة. نتيجة لذلك، يوصى دائمًا بتضمين هذه المحافظ. @@ -76,19 +76,19 @@ const App = () => ( import { walletConnectWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -##### المحفظة المُدمجة +##### المحفظة المُدخلة -هذا خيار محفظة احتياطي مصمم للسيناريوهات حيث `window.ethereum` موجود ولكن لم يتم توفيره بواسطة محفظة أخرى في القائمة. هذه المحفظة ستخفي نفسها تلقائيًا من القائمة عندما لا يكون الاحتياط ضروريًا أو إذا لم تكن هناك محفظة مُدمجة متاحة. +هذه هي خيار المحفظة الاحتياطي المصمم للمواقف التي توجد فيها `window.ethereum` ولكن لم يتم تقديمها بواسطة محفظة أخرى في القائمة. ستختفي هذه المحفظة تلقائيًا من القائمة عندما لا يكون الاحتياط ضروريًا أو إذا لم تكن هناك محفظة مُدخلة متاحة. -**يُنصح دائمًا بتضمين هذه المحفظة في القائمة لضمان دعم جميع المحافظ المُدمجة.** +**يوصى دائمًا بتضمين هذه المحفظة في القائمة لضمان دعم جميع المحافظ المُدخلة.** ```tsx import { injectedWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -##### محفظة آمنة +##### محفظة الأمان -للتطبيقات اللامركزية التي تدعم تطبيقات Safe للسماح للمستخدمين بالاتصال بسهولة بخزنتهم الآمنة أو التوقيع المتعدد، قم بتضمين خيار `safeWallet` للاتصالات التلقائية. سيظهر خيار Safe فقط في بيئة متصفح محفظة آمنة. +للتطبيقات اللامركزية التي تدعم تطبيقات الأمان لتمكين المستخدمين من الاتصال بسهولة بحفنة الأمان الخاصة بهم أو التوقيع المتعدد، قم بتضمين خيار `safeWallet` لتوصيلات تلقائية. سيظهر خيار محفظة الأمان فقط في بيئة مستعرض محفظة الأمان. ```tsx import { safeWallet } from '@rainbow-me/rainbowkit/wallets'; @@ -98,69 +98,75 @@ import { safeWallet } from '@rainbow-me/rainbowkit/wallets'; المحافظ التالية متوفرة عبر الكائن `wallet` (ترتيب أبجدي). -#### Argent +#### محفظة 1inch + +```tsx +import { oneInchWallet } from '@rainbow-me/rainbowkit/wallets'; +``` + +#### أرجنت ```tsx import { argentWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### بيتجيت +#### محفظة Binance Web3 + +```tsx +import { binanceWallet } from '@rainbow-me/rainbowkit/wallets'; +``` + +#### Bitget ```tsx import { bitgetWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### محفظة بيفروست +#### محفظة Bifrost ```tsx import { bifrostWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### بيتسكي +#### Bitski ```tsx import { bitskiWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### بيتفيرس +#### Bitverse ```tsx import { bitverseWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### محفظة بلوم +#### محفظة Bloom ```tsx import { bloomWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### محفظة بايبيت - -```tsx -import { bybitWallet } from '@rainbow-me/rainbowkit/wallets'; -``` - #### محفظة Brave ```tsx import { braveWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### محفظة Binance Web3 +#### محفظة Bybit ```tsx -import { binanceWallet } from '@rainbow-me/rainbowkit/wallets'; +import { bybitWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### كوبياين بيز كوبيان +#### Coinbase -يدعم هذا الموصل المحفظة كل من تطبيق Coinbase Wallet والإضافة، وكذلك Coinbase Smart Wallet على الويب. +يدعم موصل المحفظة هذا كل من تطبيق ومحفظة Coinbase Wallet وكذلك Coinbase Smart Wallet على الويب. -يتوفر وسيطة `preference` للتحكم فيما إذا تم تمكين المحفظة الذكية ومتاحة للمستخدمين. يتم توثيق السلوك القائم على التفضيل [هنا](https://www.smartwallet.dev/sdk/makeWeb3Provider#parameters). +يتوفر جدال `preference` للتحكم في ما إذا كان Smart Wallet مفعلًا ومتاحًا للمستخدمين. تم توثيق السلوك المعتمد على التفضيل [هنا](https://www.smartwallet.dev/sdk/makeWeb3Provider#parameters). -سيتم تمكين المحفظة الذكية افتراضيًا مع `all` في أوائل يونيو، دون ترقية أخرى. +سيتم تمكين Smart Wallet بشكل افتراضي مع `all` في أوائل يونيو، دون ترقية إضافية. -يمكن للمطورين اختبار المحفظة الذكية مع سلاسل `sepolia` و `baseSepolia` اليوم عن طريق تعيين `smartWalletOnly` و تشمل `coinbaseWallet` في قائمة محافظهم على هذا النحو: +يمكن للمطورين اختبار Smart Wallet باستخدام سلاسل `sepolia` و `baseSepolia` اليوم عبر تعيين `smartWalletOnly` وتضمين `coinbaseWallet` في قائمة المحافظ الخاصة بهم كالتالي: ```tsx import { coinbaseWallet } from '@rainbow-me/rainbowkit/wallets'; @@ -169,16 +175,16 @@ import { coinbaseWallet } from '@rainbow-me/rainbowkit/wallets'; coinbaseWallet.preference = 'smartWalletOnly'; ``` -#### محفظة Compass +#### محفظة Coin98 ```tsx -import { compassWallet } from '@rainbow-me/rainbowkit/compassWallet'; +import { coin98Wallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Coin98 Wallet +#### محفظة Compass ```tsx -import { coin98Wallet } from '@rainbow-me/rainbowkit/wallets'; +import { compassWallet } from '@rainbow-me/rainbowkit/compassWallet'; ``` #### Core @@ -187,13 +193,13 @@ import { coin98Wallet } from '@rainbow-me/rainbowkit/wallets'; import { coreWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Dawn Wallet +#### محفظة Dawn ```tsx import { dawnWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Enkrypt Wallet +#### محفظة Enkrypt ```tsx import { enkryptWallet } from '@rainbow-me/rainbowkit/wallets'; @@ -205,34 +211,46 @@ import { enkryptWallet } from '@rainbow-me/rainbowkit/wallets'; import { foxWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Frame Wallet +#### محفظة Frame ```tsx import { frameWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Frontier Wallet +#### محفظة Frontier ```tsx import { frontierWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### محفظة جيت +#### محفظة Gate ```tsx import { gateWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Ledger Live +#### imToken ```tsx -import { ledgerWallet } from '@rainbow-me/rainbowkit/wallets'; +import { imTokenWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### imToken +#### محفظة ioPay ```tsx -import { imTokenWallet } from '@rainbow-me/rainbowkit/wallets'; +import { iopayWallet } from '@rainbow-me/rainbowkit/wallets'; +``` + +#### محفظة Kaia + +```tsx +import { kaiaWallet } from '@rainbow-me/rainbowkit/wallets'; +``` + +#### Kaikas + +```tsx +import { kaikasWallet } from '@rainbow-me/rainbowkit/wallets'; ``` #### محفظة Kraken @@ -241,37 +259,37 @@ import { imTokenWallet } from '@rainbow-me/rainbowkit/wallets'; import { krakenWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### محفظة كريسوس +#### محفظة Kresus ```tsx import { kresusWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### كايكاس +#### Ledger Live ```tsx -import { kaikasWallet } from '@rainbow-me/rainbowkit/wallets'; +import { ledgerWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### محفظة ماجيك إيدن +#### محفظة Magic Eden ```tsx import { magicEdenWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### MetaMask +#### محفظة MEW ```tsx -import { metaMaskWallet } from '@rainbow-me/rainbowkit/wallets'; +import { mewWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### MEW Wallet +#### MetaMask ```tsx -import { mewWallet } from '@rainbow-me/rainbowkit/wallets'; +import { metaMaskWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### OKX Wallet +#### محفظة OKX ```tsx import { okxWallet } from '@rainbow-me/rainbowkit/wallets'; @@ -283,12 +301,6 @@ import { okxWallet } from '@rainbow-me/rainbowkit/wallets'; import { omniWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### محفظة وان إنش - -```tsx -import { oneInchWallet } from '@rainbow-me/rainbowkit/wallets'; -``` - #### OneKey ```tsx @@ -301,7 +313,7 @@ import { oneKeyWallet } from '@rainbow-me/rainbowkit/wallets'; import { phantomWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Rabby Wallet +#### محفظة Rabby ```tsx import { rabbyWallet } from '@rainbow-me/rainbowkit/wallets'; @@ -313,13 +325,13 @@ import { rabbyWallet } from '@rainbow-me/rainbowkit/wallets'; import { rainbowWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### محفظة رامبر +#### محفظة Ramper ```tsx import { ramperWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### محفظة رونين +#### محفظة Ronin ```tsx import { roninWallet } from '@rainbow-me/rainbowkit/wallets'; @@ -361,13 +373,13 @@ import { tokenPocketWallet } from '@rainbow-me/rainbowkit/wallets'; import { trustWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Uniswap Wallet +#### محفظة Uniswap ```tsx import { uniswapWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### XDEFI Wallet +#### محفظة XDEFI ```tsx import { xdefiWallet } from '@rainbow-me/rainbowkit/wallets'; diff --git a/site/data/ar/docs/installation.mdx b/site/data/ar/docs/installation.mdx index c68b2790d4..36bc8487c4 100644 --- a/site/data/ar/docs/installation.mdx +++ b/site/data/ar/docs/installation.mdx @@ -76,7 +76,7 @@ const config = getDefaultConfig({ }); ``` -#### تغليف المزودين +#### تغليف الموفرين قم بتغليف تطبيقك باستخدام `RainbowKitProvider`، [`WagmiProvider`](https://wagmi.sh/react/api/WagmiProvider#wagmiprovider)، و [`QueryClientProvider`](https://tanstack.com/query/v4/docs/framework/react/reference/QueryClientProvider). @@ -116,7 +116,7 @@ export const YourApp = () => { ##### Remix -عند استخدام [Remix](https://remix.run)، يجب أن تقوم بتعبئة وحدات `buffer`، `events` و `http`. راجع تهيئة Remix أدناه، أو [مشروع Remix النموذجي الخاص بنا](https://github.com/rainbow-me/rainbowkit/blob/main/examples/with-remix). +عند استخدام [Remix](https://remix.run)، يجب تعبئة polyfills لوحدات `buffer`, `events` و `http`. راجع تكوين Remix أدناه، أو [مشروع Remix النموذجي الخاص بنا](https://github.com/rainbow-me/rainbowkit/blob/main/examples/with-remix). ```ts /** @type {import('@remix-run/dev').AppConfig} */ @@ -128,13 +128,13 @@ export default { }; ``` -### جاري التحضير للنشر +### الاستعداد للنشر -بشكل افتراضي، يستخدم تطبيقك اللامركزي مزودي RPC عامين لكل سلسلة لجلب الأرصدة، حل أسماء ENS، والمزيد. هذا قد يتسبب غالبًا في مشاكل موثوقية لمستخدميك حيث أن العقد العامة تخضع لحدود معدل الاستخدام. بدلاً من ذلك، يجب عليك شراء الوصول إلى مزود RPC من خلال خدمات مثل [Alchemy](https://www.alchemy.com/) أو [QuickNode](https://www.quicknode.com/)، وتعريف Transports خاصة بك في Wagmi. يمكن تحقيق ذلك عن طريق إضافة معامل `transports` في `getDefaultConfig` أو مباشرةً عبر `createConfig` في Wagmi. +بشكل افتراضي، يستخدم dApp الخاص بك موفري RPC العامين لكل سلسلة لجلب الأرصدة، وحل أسماء ENS، وأكثر. هذا غالبًا ما يمكن أن يتسبب في مشاكل موثوقية للمستخدمين نظرًا لتحديد معدلات العقد العامة. يجب عليك بدلاً من ذلك شراء الوصول إلى موفر RPC عبر خدمات مثل [Alchemy](https://www.alchemy.com/) أو [QuickNode](https://www.quicknode.com/)، وتحديد وسائل النقل الخاصة بك في Wagmi. يمكن تحقيق ذلك عن طريق إضافة معامل `transports` في `getDefaultConfig` أو عبر `createConfig` في Wagmi مباشرة. -Transport هي طبقة الوسط الشبكية التي تتولى إرسال طلبات JSON-RPC إلى مزود Node الإيثيريوم (مثل Alchemy، Infura، إلخ). +الوسيلة هي الطبقة الوسطى الشبكية التي تتعامل مع إرسال طلبات JSON-RPC إلى موفر عقدة Ethereum (مثل Alchemy، Infura، إلخ). -**مثال باستخدام transport `http`** +**مثال مع وسيلة نقل `http`** ```tsx import { getDefaultConfig } from '@rainbow-me/rainbowkit'; @@ -152,7 +152,7 @@ const config = getDefaultConfig({ }); ``` -للمزيد من التفاصيل، عرض [وثائق wagmi للtransport](https://wagmi.sh/core/api/transports#transports). +للمزيد من التفاصيل، عرض [وثائق wagmi للنقل](https://wagmi.sh/core/api/transports#transports). ### أضف وظيفتك الخاصة diff --git a/site/data/ar/docs/introduction.mdx b/site/data/ar/docs/introduction.mdx index 830e271f5e..b59436f5b9 100644 --- a/site/data/ar/docs/introduction.mdx +++ b/site/data/ar/docs/introduction.mdx @@ -19,7 +19,7 @@ RainbowKit هي مكتبة [React](https://reactjs.org/) تجعل من السه #### قابل للتخصيص -يمكنك تعديل واجهة المستخدم لـ RainbowKit لتتناسب مع العلامة التجارية الخاصة بك. يمكنك اختيار من بين بعض الألوان المحددة مسبقًا وتكوينات نصف القطر الحدودية. للحالات الاستخدام المتقدمة , يمكنك تقديم موضوع مخصص بالكامل, تنفيذ الزر الخاص بك , وتجاهل بعض الميزات. تم تضمين الوضع المظلم. +يمكنك تعديل واجهة المستخدم لـ RainbowKit لتتناسب مع العلامة التجارية الخاصة بك. يمكنك اختيار من بين بعض الألوان المحددة مسبقًا وتكوينات نصف القطر الحدودية. للحالات الاستخدام المتقدمة، يمكنك تقديم موضوع مخصص بالكامل، تنفيذ الزر الخاص بك، وتجاهل بعض الميزات. تم تضمين الوضع المظلم. #### معايير الصناعة diff --git a/site/data/ar/docs/localization.mdx b/site/data/ar/docs/localization.mdx index d791e2d9fa..b47bddea45 100644 --- a/site/data/ar/docs/localization.mdx +++ b/site/data/ar/docs/localization.mdx @@ -54,9 +54,9 @@ export const App = () => { }; ``` -يمكنك الرجوع إلى مثال لـ Pages Router [here](https://github.com/rainbow-me/rainbowkit/tree/main/examples/with-next). +يمكنك الرجوع إلى مثال لـ Pages Router [هنا](https://github.com/rainbow-me/rainbowkit/tree/main/examples/with-next). -App Router الى الآن لا يدعم i18n. راجع مثالنا المستقل [here](https://github.com/rainbow-me/rainbowkit/tree/main/examples/with-next-app-i18n) لأفضل الممارسات التنفيذية مع البرنامج الوسيط [`next-intl`](https://github.com/amannn/next-intl). +App Router الى الآن لا يدعم i18n. راجع مثالنا المستقل [هنا](https://github.com/rainbow-me/rainbowkit/tree/main/examples/with-next-app-i18n) لأفضل الممارسات التنفيذية مع البرنامج الوسيط [`next-intl`](https://github.com/amannn/next-intl). من الأفضل أن تستخدم نفس التقنيات لترجمة محتوى dApp الخاص بك لدعم التوطين الكامل. المكتبات التوطينية مثل [`i18n-js`](https://github.com/fnando/i18n) و [`next-intl`](https://github.com/amannn/next-intl) وأدوات الإدارة مثل Crowdin ستبسط هذه العملية. @@ -66,26 +66,28 @@ App Router الى الآن لا يدعم i18n. راجع مثالنا المست diff --git a/site/data/ar/docs/migration-guide.mdx b/site/data/ar/docs/migration-guide.mdx index bdd58055d9..53cf3a1618 100644 --- a/site/data/ar/docs/migration-guide.mdx +++ b/site/data/ar/docs/migration-guide.mdx @@ -18,7 +18,7 @@ title: دليل الترحيل npm i @rainbow-me/rainbowkit@2 wagmi@2 viem@2.x ``` -\*\*2. تثبيت تبعية النظير `@tanstack/react-query` +**2. تثبيت تبعية النظير `@tanstack/react-query`** مع Wagmi v2، أصبح [TanStack Query](https://tanstack.com/query/v5/docs/react/overview) تبعية ضرورية مشتركة. @@ -106,7 +106,7 @@ npm i @tanstack/react-query يستمر المطورون في السيطرة الكاملة على قائمة المحافظ المخصصة لتسليط الضوء على المحافظ المفضلة للمستخدمين النهائيين. يُشجع على أن تستمر في تضمين `injectedWallet` و `walletConnectWallet` في قائمتك لدعم جميع المنصات. -\*\*2. تكوين Wagmi مع getDefaultConfig\*\* +**2. تكوين Wagmi مع getDefaultConfig** هذه الواجهة البرمجية الجديدة تبسط تجربة التكوين وتحل محل الحاجة لاستخدام `createConfig` من Wagmi مباشرةً. تم تبسيط تكوين السلسلة، بما في ذلك مزودي الخدمات العامة المستنتجة لـ `transports`. @@ -195,13 +195,13 @@ const config = getDefaultConfig({ }) ``` -\*\*5. محافظ مخصصة +**5. محافظ مخصصة** موصلات محفظة RainbowKit قد خضعت لتغييرات جوهرية لدعم Wagmi v2. راجع [الوثائق المحدثة](https://www.rainbowkit.com/docs/custom-wallets) و [مثال الموصل](https://github.com/rainbow-me/rainbowkit/blob/main/packages/rainbowkit/src/wallets/walletConnectors/rainbowWallet/rainbowWallet.ts) لترقية أي موصلات محفظة مخصصة في تطبيق dApp الخاص بك. موصلات المحفظة الآن تدعم أيضًا المعيار EIP-6963 بخاصية `rdns`. تأكد من ملء هذه الخاصية لمنع الإشارات المكررة إلى محافظ تدعم EIP-6963 في قائمة محفظتك. -### التغييرات الجذرية للإصدار 1.x.x +### تغييرات جذرية 1.x.x #### تم التحديث إلى wagmi v1 @@ -209,13 +209,14 @@ const config = getDefaultConfig({ اتبع الخطوات أدناه للترحيل. -**1. ترقية RainbowKit و `wagmi` إلى أحدث نسخة** +\*\*1. ترقية RainbowKit و wagmi إلى أحدث إصدار لها ```bash npm i @rainbow-me/rainbowkit@^1 wagmi@^1 ``` -\*\*2. تثبيت التبعية المتبادلة `viem`\*\* +**2. تثبيت التبعية المتبادلة `viem` +** يتطلب wagmi v1 التبعية المتبادلة `viem`. قم بتثبيتها بالأمر التالي: @@ -223,35 +224,36 @@ npm i @rainbow-me/rainbowkit@^1 wagmi@^1 npm i viem ``` -ملاحظة: لم يعد wagmi يستخدم حزمة `ethers` داخلياً. ولكن إذا كنت تعتمد على [Authentication](https://www.rainbowkit.com/docs/authentication) API، `siwe` سوف يتطلب لا زال `ethers` كتبعية متطابقة. +ملاحظة: لم يعد wagmi يستخدم حزمة `ethers` داخلياً. ولكن إذا كنت تعتمد على [واجهة برمجة التطبيقات للمصادقة](https://www.rainbowkit.com/docs/authentication)، سيظل `siwe` يتطلب `ethers` كاعتماد نظير. **3. **تأكد من التوافق بين المجمع و polyfill\*\* -في الإصدارات السابقة من wagmi التي تعتمد على [ethers](https://docs.ethers.org/v5/)، كانت الوحدات `fs`، `net`، و `tls` المطلوبة من WalletConnect يتم تلقائيا polyfilled. هذا لم يعد الحال مع RainbowKit v1 + wagmi v1، اللذان تم بناؤهما على [viem](https://viem.sh/). +في الإصدارات السابقة من wagmi التي تعتمد على [ethers](https://docs.ethers.org/v5/)، كانت الوحدات `fs`، `net`، و `tls` المطلوبة من WalletConnect تتم تلقائيًا. هذا لم يعد الحال مع RainbowKit v1 + wagmi v1، اللذان تم بناؤهما على [viem](https://viem.sh/). -راجع [Next.js Webpack Config](https://github.com/rainbow-me/rainbowkit/blob/main/examples/with-next/next.config.js) و أمثلة [Create React App polyfills](https://github.com/rainbow-me/rainbowkit/blob/main/examples/with-create-react-app/src/polyfills.ts) لتوجيهات التكوين لمشروعك. +راجع [تكوين Webpack لـ Next.js](https://github.com/rainbow-me/rainbowkit/blob/main/examples/with-next/next.config.js) و أمثلة [Create React App polyfills](https://github.com/rainbow-me/rainbowkit/blob/main/examples/with-create-react-app/src/polyfills.ts) لتوجيهات التكوين لمشروعك. -متوفر دلائل إطار العمل الإضافية لـ Vite و Remix [here](https://www.rainbowkit.com/docs/installation#additional-build-tooling-setup). +دلائل إطار العمل الإضافية لـ Vite و Remix متوفرة [here](https://www.rainbowkit.com/docs/installation#additional-build-tooling-setup). -**4. تحقق من التغييرات المهمة في `wagmi`** +**4. تحقق من التغييرات الكبيرة في `wagmi` +** إذا كنت تستخدم خطافات `wagmi` في تطبيقك، ستحتاج إلى اتباع دليل `wagmi` للانتقال إلى الإصدار v1. -[يمكنك مشاهدة دليل الانتقال هنا](https://wagmi.sh/react/migration-guide). +[يمكنك مشاهدة دليل الترحيل الخاص بهم هنا](https://wagmi.sh/react/migration-guide). -### 0.12.x التغييرات المهمة +### تغييرات جذرية 0.12.x -تم تحديث تبعية النظير wagmi إلى `0.12.x`. +تم تحديث التبعية المتبادلة لـ `wagmi` إلى `0.12.x`. -لقد اعتمد RainbowKit موصل `WalletConnectLegacyConnector` في `wagmi` لاستمرار دعم WalletConnect v1. ستتوفر قريبًا الدعم لـ WalletConnect v2 و `WalletConnectConnector` كإصدار تصحيحي، دون تغييرات تكسر. +لقد اعتمد RainbowKit موصل `WalletConnectLegacyConnector` في `wagmi` للاستمرار في دعم WalletConnect v1. سيتم قريبًا توفر دعم لـ WalletConnect v2 و `WalletConnectConnector` كإصدار تصحيحي، دون تغييرات تكسر. -سيتم التحويل الى المحافظ تلقائياً في الإصدارات المستقبلية. +سيتم التحويل إلى المحافظ تلقائيًا في الإصدارات المستقبلية. يجب الآن على كل dApp تقديم `projectId` من [WalletConnect Cloud](https://cloud.walletconnect.com/) لتمكين WalletConnect v2. يجب إكمال هذا قبل إغلاق خوادم جسر WalletConnect v1 في 28 يونيو 2023. سيفضل RainbowKit بصمت النسخة v1 لجميع المحافظ إذا لم يتم تحديد `projectId`. اتبع الخطوات أدناه للترحيل. -#### 1. قم بترقية RainbowKit و `wagmi` إلى أحدث نسخة لهم +#### 1. ترقية RainbowKit و wagmi إلى أحدث إصدار لها ```bash npm i @rainbow-me/rainbowkit@^0.12.0 wagmi@^0.12.0 @@ -285,13 +287,13 @@ const connectors = connectorsForWallets([ ]); ``` -### التغييرات الكبيرة في 0.11.x +### تغييرات جذرية 0.11.x -تم تحديث الإعتماد الأقراني لـ wagmi إلى `0.11.x`. +تم تحديث التبعية المتبادلة لـ `wagmi` إلى `0.11.x`. اتبع الخطوات أدناه للترحيل. -#### 1. قم بترقية RainbowKit و `wagmi` إلى أحدث نسخة لهم +#### 1. ترقية RainbowKit و wagmi إلى أحدث إصدار لها ```bash npm i @rainbow-me/rainbowkit@^0.11.0 wagmi@^0.11.0 @@ -303,13 +305,13 @@ npm i @rainbow-me/rainbowkit@^0.11.0 wagmi@^0.11.0 [يمكنك مشاهدة دليل الترحيل الخاص بهم هنا](https://wagmi.sh/react/migration-guide#011x-breaking-changes). -### التغييرات الكبيرة في 0.10.x +### تغييرات جذرية 0.10.x -تم تحديث الإعتماد الأقراني لـ wagmi إلى `0.10.x`. +تم تحديث التبعية المتبادلة لـ `wagmi` إلى `0.10.x`. اتبع الخطوات أدناه للترحيل. -#### 1. قم بترقية RainbowKit و `wagmi` إلى أحدث نسخة لهم +#### 1. ترقية RainbowKit و wagmi إلى أحدث إصدار لها ```bash npm i @rainbow-me/rainbowkit@^0.10.0 wagmi@^0.10.0 @@ -319,15 +321,15 @@ npm i @rainbow-me/rainbowkit@^0.10.0 wagmi@^0.10.0 إذا كنت تستخدم خطافات `wagmi` في تطبيقك، ستحتاج إلى التحقق من إذا كان التطبيق الخاص بك قد تأثر بالتغييرات الكبيرة في `wagmi`. -[يمكنك رؤية دليل الترحيل الخاص بهم هنا](https://wagmi.sh/react/migration-guide#010x-breaking-changes). +[يمكنك مشاهدة دليل الترحيل الخاص بهم هنا](https://wagmi.sh/react/migration-guide#010x-breaking-changes). -### التغييرات الجذرية 0.9.x +### تغييرات جذرية 0.9.x -تم تحديث التبعية ذات الأقران wagmi إلى `0.9.x`. +تم تحديث التبعية المتبادلة لـ `wagmi` إلى `0.9.x`. اتبع الخطوات أدناه للترحيل. -#### 1. قم بترقية RainbowKit و `wagmi` إلى أحدث نسخة لهم +#### 1. ترقية RainbowKit و wagmi إلى أحدث إصدار لها ```bash npm i @rainbow-me/rainbowkit@^0.9.0 wagmi@^0.9.0 @@ -337,15 +339,15 @@ npm i @rainbow-me/rainbowkit@^0.9.0 wagmi@^0.9.0 إذا كنت تستخدم خطافات `wagmi` في تطبيقك، ستحتاج إلى التحقق من إذا كان التطبيق الخاص بك قد تأثر بالتغييرات الكبيرة في `wagmi`. -[يمكنك رؤية دليل الترحيل الخاص بهم هنا](https://wagmi.sh/react/migration-guide#09x-breaking-changes). +[يمكنك مشاهدة دليل الترحيل الخاص بهم هنا](https://wagmi.sh/react/migration-guide#09x-breaking-changes). -### 0.8.x التغييرات الجذرية +### تغييرات جذرية 0.8.x -تم تحديث التبعية التابعة لـ wagmi إلى `0.8.x`. +تم تحديث التبعية المتبادلة لـ `wagmi` إلى `0.8.x`. اتبع الخطوات أدناه للترحيل. -#### 1. قم بترقية RainbowKit و `wagmi` إلى أحدث نسخة لهم +#### 1. ترقية RainbowKit و wagmi إلى أحدث إصدار لها ```bash npm i @rainbow-me/rainbowkit@^0.8.0 wagmi@^0.8.0 @@ -355,9 +357,9 @@ npm i @rainbow-me/rainbowkit@^0.8.0 wagmi@^0.8.0 إذا كنت تستخدم خطافات `wagmi` في تطبيقك، ستحتاج إلى التحقق من إذا كان التطبيق الخاص بك قد تأثر بالتغييرات الكبيرة في `wagmi`. -[يمكنك رؤية دليل الترحيل الخاص بهم هنا](https://wagmi.sh/react/migration-guide#08x-breaking-changes). +[يمكنك مشاهدة دليل الترحيل الخاص بهم هنا](https://wagmi.sh/react/migration-guide#08x-breaking-changes). -### التغييرات التي تحطم النسخة 0.7.x +### تغييرات جذرية 0.7.x إذا كنت تنشئ قائمة محافظ مخصصة، يجب عليك الآن استيراد كل محفظة بشكل مستقل لتقليل حجم الحزمة. لاحظ أن المحافظ لم تعد موجهة أسمائيا عبر كائن `المحفظة`، فجميع المحافظ لديها الآن لاحقة `Wallet`. @@ -398,7 +400,7 @@ const wallets = [ ]; ``` -### التغييرات التي تحطم النسخة 0.4.x +### تغييرات جذرية 0.4.x قام RainbowKit بتحديث التبعية المتساوية `wagmi` إلى `0.5.x`. @@ -416,9 +418,9 @@ npm i @rainbow-me/rainbowkit@^0.4.0 wagmi@^0.5.0 إذا كنت تستخدم خطافات `wagmi` في تطبيقك، ستحتاج إلى التحقق من إذا كان التطبيق الخاص بك قد تأثر بالتغييرات الكبيرة في `wagmi`. -[يمكنك رؤية دليل الترحيل الخاص بهم هنا](https://wagmi.sh/react/migration-guide#05x-breaking-changes). +[يمكنك مشاهدة دليل الانتقال هنا](https://wagmi.sh/react/migration-guide#05x-breaking-changes). -### تغييرات جوهرية في النسخة 0.3.x +### تغييرات مُكسِرة في الإصدار 0.3.x تمت إزالة العامل `chainId` من `createConnector` على نوع `Wallet`. @@ -501,7 +503,7 @@ npm i @rainbow-me/rainbowkit@^0.2.0 wagmi@^0.4.2 + import { configureChains } from 'wagmi'; ``` -#### 3. ترحيل المزودين +#### ٣. ترحيل المزودين RainbowKit لم يعد يتصدر `apiProvider` API. استبدله بالمزود المطلوب من wagmi. @@ -509,7 +511,7 @@ RainbowKit لم يعد يتصدر `apiProvider` API. استبدله بالمزو - import { apiProvider } from '@rainbow-me/rainbowkit'; ``` -#### الكيمياء +#### Alchemy استورد `alchemyProvider` من `wagmi/providers/alchemy`. @@ -559,7 +561,7 @@ const { chains, provider } = configureChains( ); ``` -#### موفر عام +#### مزود عام استورد `publicProvider` من `wagmi/providers/public`. @@ -573,7 +575,7 @@ const { chains, provider } = configureChains( ); ``` -#### 4. أعد تسمية موفر wagmi +#### ٤. أعد تسمية موفر wagmi قم بتغيير اسم `WagmiProvider` إلى `WagmiConfig`. diff --git a/site/data/ar/docs/modal-hooks.mdx b/site/data/ar/docs/modal-hooks.mdx index 9a80b54ace..a12d4de152 100644 --- a/site/data/ar/docs/modal-hooks.mdx +++ b/site/data/ar/docs/modal-hooks.mdx @@ -1,19 +1,19 @@ --- -title: خطاطيف النافذة المنبثقة -description: افتح النوافذ المنبثقة برمجياً عبر الخطاطيف +title: السنانير النموذجية +description: افتح النماذج برمجيًا عبر السنانير --- -# خطاطيف النافذة المنبثقة +# السنانير النموذجية -## افتح النوافذ المنبثقة برمجياً عبر الخطاطيف +## افتح النماذج برمجيًا عبر السنانير -الخطاطيف التالية متوفرة للسماح بفتح النوافذ المنبثقة برمجياً في أي مكان في تطبيقك. +يتم توفير السنانير التالية للسماح بالفتح البرمجي للنماذج في أي مكان في تطبيقك. - `useConnectModal` - `useAccountModal` - `useChainModal` -كل من هذه الخطاطيف تعيد كائنًا به وظيفة لفتح النافذة المنبثقة المعينة لها. لاحظ أن الوظائف المرتجعة ستكون غير معرفة إذا كان تطبيقك ليس في الحالة المطلوبة لفتح النافذة المنبثقة. +كل واحد من هذه السنانير يرجع كائن بوظيفة لفتح النموذج الخاص به. لاحظ أن الوظائف التي تُرجع ستكون غير معرفة إذا لم يكن تطبيقك في الحالة المطلوبة لفتح النموذج. ```tsx import { @@ -51,7 +51,7 @@ export const YourApp = () => { }; ``` -كل خطاف يعيد أيضًا قيمة بوليانية لحالة النافذة المنبثقة. من الموصى به عادة أن تعتمد بشكل صرف على خطاطيف Wagmi (أي `useAccount`) للرد على حالة اتصال محفظة المستخدم مباشرة، بدلاً من الاعتماد على حالة نافذة الاتصال. +كل سنارة أيضًا تُرجع قيمة منطقية لحالة النموذج. عادة ما يُوصى بأن تعتمد فقط على سنانير Wagmi (كـ `useAccount`) للتفاعل مع حالة اتصال محفظة المستخدم بشكل مباشر، بدلًا من الاعتماد على حالة نموذج الاتصال. ```tsx const { connectModalOpen } = useConnectModal(); @@ -59,6 +59,6 @@ const { accountModalOpen } = useAccountModal(); const { chainModalOpen } = useChainModal(); ``` -تم تصميم RainbowKit لكي يكون غير مقاطع واستجابة، لذا يجب أن تقدم التطبيقات المستندة إلى الشبكة دائمًا واجهة للمستخدمين سواء كانوا قد اتصلوا بمحفظتهم أم لا. يمكن للمستخدم الاتصال أو قطع الاتصال بمحفظتهم مباشرة من MetaMask، لذا يجب أن تكون التطبيق المستند إلى الشبكة استجابة لحالة الاتصال الأساسية مباشرة. +يتم تصميم RainbowKit ليكون غير مقتحم ومتجاوب، لذا يجب على التطبيقات اللامركزية دائمًا عرض واجهة للمستخدمين سواء قاموا بتوصيل محافظهم أم لا. يمكن للمستخدم توصيل أو فصل محافظته مباشرة من MetaMask، لذا يجب أن يكون dApp متجاوب مع حالة الاتصال الأساسية مباشرة. -التطبيقات التي تعتمد على آليات مثل تسجيل الدخول باستخدام Ethereum للتحقق من هوية المستخدم يجب أن تعتمد بدلاً على الميزة [Authentication](/docs/authentication). +يجب على التطبيقات اللامركزية التي تعتمد على آليات مثل تسجيل الدخول باستخدام Ethereum للتحقق من المستخدم أن تعتمد بدلًا من ذلك على [التوثيق](/docs/authentication). diff --git a/site/data/ar/docs/modal-sizes.mdx b/site/data/ar/docs/modal-sizes.mdx index 6f90e21edc..b68b450234 100644 --- a/site/data/ar/docs/modal-sizes.mdx +++ b/site/data/ar/docs/modal-sizes.mdx @@ -1,21 +1,21 @@ --- title: أحجام النموذج -description: واسع مقابل مدمج +description: واسع مقابل مضغوط --- # أحجام النموذج -## حجم واسع مقابل حجم مدمج +## حجم واسع مقابل مضغوط -بشكل افتراضي، يتم تعيين `modalSize` في RainbowKit إلى `wide` (ويبدو مثل هذا): +بشكل افتراضي، يتم تعيين `modalSize` لـ RainbowKit إلى `wide` (ويبدو هكذا): -كما نزود حجم للنموذج ` compact` ، والذي يبدو كما يلي: +نحن نقدم أيضًا حجم نموذج `compact`، الذي يبدو هكذا: -لتعيين حجم النموذج الخاص بك على `compact`، ما عليك سوى إضافة `modalSize="compact"` كدعم في `RainbowKitProvider` الخاص بك: +لتعيين حجم النموذج الخاص بك إلى `compact`، فقط أضف `modalSize="compact"` كخاصية في `RainbowKitProvider` الخاص بك: ```tsx import { RainbowKitProvider } from '@rainbow-me/rainbowkit'; diff --git a/site/data/ar/docs/recent-transactions.mdx b/site/data/ar/docs/recent-transactions.mdx index bc1a1a4225..81a59849c7 100644 --- a/site/data/ar/docs/recent-transactions.mdx +++ b/site/data/ar/docs/recent-transactions.mdx @@ -7,11 +7,11 @@ description: أظهر معاملاتك الأخيرة ## أظهر معاملاتك الأخيرة -يمكنك اختيار عرض المعاملات الأخيرة داخل نافذة حساب RainbowKit. لاحظ أن جميع المعاملات تُحتفظ بها في التخزين المحلي ويجب تسجيلها يدويًا مع RainbowKit لتظهر. +يمكنك اختيار عرض المعاملات الأخيرة داخل نافذة حساب RainbowKit. لاحظ أن جميع المعاملات يتم حفظها في التخزين المحلي ويجب تسجيلها يدويًا مع RainbowKit لكي يتم عرضها. -سيعرض الأزر الافتراضي `ConnectButton` أيضًا مؤشر تحميل حول صورة المستخدم الشخصية إذا كانت هناك معاملات معلقة. يمكن لتنفيذات `ConnectButton` المخصصة إعادة إنشاء هذا السلوك من خلال الخاصية `account.hasPendingTransactions` التي يتم تمريرها إلى دالة الترسيم الخاصة بك. +ستعرض أيضًا تنفيذ `ConnectButton` الافتراضي مؤشر تحميل حول صورة المستخدم إذا كانت هناك أي معاملات معلقة. يمكن لـ `ConnectButton` المخصص إعادة إنشاء هذا السلوك من خلال خاصية `account.hasPendingTransactions` التي يتم تمريرها إلى دالة العرض الخاصة بك. -للاستفادة من هذه الميزة، قم أولاً بتمكين الخيار `showRecentTransactions` على `RainbowKitProvider`. +لاستخدام هذه الميزة، قم أولاً بتمكين خيار `showRecentTransactions` على `RainbowKitProvider`. ```tsx import { RainbowKitProvider } from '@rainbow-me/rainbowkit'; @@ -25,7 +25,7 @@ const App = () => { }; ``` -ثم يمكن تسجيل المعاملات مع RainbowKit باستخدام الخطاف `useAddRecentTransaction`. +يمكن بعد ذلك تسجيل المعاملات مع RainbowKit باستخدام الخطاف `useAddRecentTransaction`. ```tsx import { useAddRecentTransaction } from '@rainbow-me/rainbowkit'; @@ -48,9 +48,9 @@ export default () => { }; ``` -بمجرد تسجيل المعاملة مع RainbowKit، سيتم تحديث حالتها عند الانتهاء. +بمجرد تسجيل معاملة مع RainbowKit، سيتم تحديث حالتها عند اكتمالها. -بشكل افتراضي، سيتم اعتبار الصفقة مكتملة بمجرد تعدين كتلة واحدة فوق الكتلة التي تم فيها تعدين الصفقة، لكن يمكن تكوين ذلك عن طريق تحديد قيمة `confirmations` مخصصة. +بشكل افتراضي، سيتم اعتبار المعاملة مكتملة بمجرد استخراج كتلة واحدة فوق الكتلة التي تم استخراج المعاملة فيها، ولكن يمكن تكوين ذلك بتحديد قيمة `confirmations` مخصصة. ```tsx import { useAddRecentTransaction } from '@rainbow-me/rainbowkit'; diff --git a/site/data/ar/docs/theming.mdx b/site/data/ar/docs/theming.mdx index cbf3de4b29..c29e9b0f56 100644 --- a/site/data/ar/docs/theming.mdx +++ b/site/data/ar/docs/theming.mdx @@ -1,9 +1,9 @@ --- -title: التصميم +title: التخصيص description: استخدام وتخصيص السمات --- -# التصميم +# التخصيص ## استخدام وتخصيص السمات @@ -48,7 +48,7 @@ export const App = () => ( ); ``` -### تخصيص السمات المضمنة +### تخصيص السمات المدمجة تقبل وظائف السمة المدمجة أيضا كائن الخيارات، مما يتيح لك الاختيار من بين عدة أنماط بصرية مختلفة. @@ -98,7 +98,7 @@ export const App = () => ( ]} /> -على سبيل المثال، لتخصيص السمة الداكنة بلون بنفسجي مميز ومقياس نصف القطر للحدود `medium` : +على سبيل المثال، لتخصيص السمة الداكنة بلون بنفسجي مميز ومقياس نصف القطر للحدود `medium`: ```tsx import { RainbowKitProvider, darkTheme } from '@rainbow-me/rainbowkit'; @@ -140,7 +140,7 @@ const App = () => { ### أمثلة -#### وظيفة الثيم +#### وظيفة السمة إليك بعض الطرق المختلفة التي يمكنك استخدام خاصية `theme`. @@ -171,7 +171,7 @@ export const App = () => ( ); ``` -#### لون اللمسات +#### لون التمييز إليك بعض الطرق المختلفة التي يمكنك استخدام تهيئة `accentColor`. @@ -262,7 +262,7 @@ const App = () => { بشكل افتراضي، يتم تعيين `fontStack` على `rounded`. ولكن فيما يلي كيف يمكنك استخدام التكوين `fontStack`. -قم بتعيين مكدس الخط على `system`. +قم بتعيين مكدس الخطوط إلى `system`. ```tsx import { RainbowKitProvider, darkTheme } from '@rainbow-me/rainbowkit'; diff --git a/site/data/ar/docs/wallet-button.mdx b/site/data/ar/docs/wallet-button.mdx index 5ddb08a976..dd908d833b 100644 --- a/site/data/ar/docs/wallet-button.mdx +++ b/site/data/ar/docs/wallet-button.mdx @@ -5,9 +5,9 @@ description: استخدام وتخصيص زر المحفظة # زر المحفظة -> ملاحظة: زر `WalletButton` يعتمد حاليًا على معيار المحفظة EIP-1193، ولكن سيدعم EIP-6963 في المستقبل القريب. +> ملاحظة: يعتمد `زر المحفظة` حاليًا على معيار محفظة EIP-1193، ولكنه سيدعم EIP-6963 في القريب العاجل. -يساعد مكون `زر المحفظة` الجديد التطبيقات اللامركزية مع تنفيذات مخصصة لقائمة المحافظ على اعتماد RainbowKit والاستفادة من جميع المزايا التي يوفرها بدون أي صيانة. +المكون الجديد `زر المحفظة` يساعد التطبيقات اللامركزية (dApps) التي تستخدم قوائم المحافظ المخصصة على تبني RainbowKit وجميع فوائده الخالية من الصيانة. ```tsx import { WalletButton } from '@rainbow-me/rainbowkit'; @@ -17,7 +17,7 @@ import { WalletButton } from '@rainbow-me/rainbowkit'; ``` -مثل `زر الاتصال`، يتوفر مكون `زر المحفظة المخصص` للتنفيذات المخصصة والتصميم. +مثل `زر الاتصال`، فإن المكون `زر المحفظة.مخصص` متوفر للتنفيذات والتنسيقات المخصصة. ```tsx @@ -35,10 +35,10 @@ import { WalletButton } from '@rainbow-me/rainbowkit'; ``` -معظم التطبيقات اللامركزية تستفيد بشكل أفضل من الصفحة [ConnectButton](https://www.rainbowkit.com/docs/connect-button). يرجى الرجوع إلى الوثائق [here](https://www.rainbowkit.com/docs/wallet-button) لمزيد من المعلومات حول اعتماد واستخدام `زر المحفظة` وحالات الاستخدام. +أغلب التطبيقات اللامركزية (dApps) تخدمها بشكل أفضل [زر الاتصال](https://www.rainbowkit.com/docs/connect-button). ارجع إلى الوثائق [هنا](https://www.rainbowkit.com/docs/wallet-button) لمزيد من المعلومات حول استخدام وتبني `زر المحفظة`. -#### عرض توضيحي +#### عرض تجريبي -انقر على الأزرار أدناه للاطلاع على شكل نقطة انطلاق RainbowKit هذه. +اضغط على الأزرار أدناه لترى كيف يبدو هذا المدخل لـRainbowKit. diff --git a/site/data/ar/guides/rainbow-button.mdx b/site/data/ar/guides/rainbow-button.mdx index 5697bbefbd..5669000928 100644 --- a/site/data/ar/guides/rainbow-button.mdx +++ b/site/data/ar/guides/rainbow-button.mdx @@ -10,13 +10,13 @@ image: guide-rainbow-button.png **1. قم بتثبيت `@rainbow-me/rainbow-button` والوابل اللازم** -الحزمة متوافقة مع Next.js وReact وVite تأكد من اتباع الإرشادات بشأن الوابلِ اللازم. تأكد من اتباع الإرشادات بشأن الوابلِ اللازم. +الحزمة متوافقة مع Next.js وReact وVite. تأكد من اتباع الإرشادات بشأن الوابلِ اللازم. ```bash npm install @rainbow-me/rainbow-button wagmi viem@2.x @tanstack/react-query ``` -\*\*2. قم بتكوينه مع Wagmi وقم بتثبيت RainbowButton\*\* +**2. قم بتكوينه مع Wagmi وقم بتثبيت RainbowButton** قم بتمرير نسخة من `rainbowConnector` إلى `createConfig` الخاص بـ Wagmi مع `projectId` و `appName`, وقم بتغليف تطبيقك في `RainbowButtonProvider`. ثم أضف مكون `RainbowButton` إلى التطبيق. diff --git a/site/data/ar/guides/rainbowkit-wagmi-v2.mdx b/site/data/ar/guides/rainbowkit-wagmi-v2.mdx index d2ee036708..1abc58febf 100644 --- a/site/data/ar/guides/rainbowkit-wagmi-v2.mdx +++ b/site/data/ar/guides/rainbowkit-wagmi-v2.mdx @@ -16,7 +16,7 @@ image: guide-rainbowkit-v2.png npm i @rainbow-me/rainbowkit wagmi viem@2.x ``` -\*\*2. تثبيت تبعية النظير `@tanstack/react-query` +**2. تثبيت تبعية النظير `@tanstack/react-query`** مع Wagmi v2، أصبح [TanStack Query](https://tanstack.com/query/v5/docs/react/overview) تبعية ضرورية مشتركة. @@ -104,7 +104,7 @@ npm i @tanstack/react-query يستمر المطورون في السيطرة الكاملة على قائمة المحافظ المخصصة لتسليط الضوء على المحافظ المفضلة للمستخدمين النهائيين. يُشجع على أن تستمر في تضمين `injectedWallet` و `walletConnectWallet` في قائمتك لدعم جميع المنصات. -\*\*2. تكوين Wagmi مع getDefaultConfig\*\* +**2. تكوين Wagmi مع getDefaultConfig** هذه الواجهة البرمجية الجديدة تبسط تجربة التكوين وتحل محل الحاجة لاستخدام `createConfig` من Wagmi مباشرةً. تم تبسيط تكوين السلسلة، بما في ذلك مزودي الخدمات العامة المستنتجة لـ `transports`. @@ -193,7 +193,7 @@ const config = getDefaultConfig({ }) ``` -**4. السلاسل المخصصة** +**5. محافظ مخصصة** موصلات محفظة RainbowKit قد خضعت لتغييرات جوهرية لدعم Wagmi v2. راجع [الوثائق المحدثة](https://www.rainbowkit.com/docs/custom-wallets) و [مثال الموصل](packages/rainbowkit/src/wallets/walletConnectors/rainbowWallet/rainbowWallet.ts) لترقية أي موصلات محفظة مخصصة في تطبيق dApp الخاص بك. diff --git a/site/data/ar/guides/walletconnect-v2.mdx b/site/data/ar/guides/walletconnect-v2.mdx index cc2a738b5a..0b9cdb4a92 100644 --- a/site/data/ar/guides/walletconnect-v2.mdx +++ b/site/data/ar/guides/walletconnect-v2.mdx @@ -30,11 +30,11 @@ WalletConnect هو البروتوكول الذي يسمح للمستخدمين npm i @rainbow-me/rainbowkit@^1.0.2 wagmi@^1.2 ``` -إذا كنت تستخدم إصدارًا من RainbowKit قبل `0.12.x` أو `1.0.x`، فقط اتبع [دلائل الترحيل](/docs/migration-guide) للحصول على أحدث تحديث. +إذا كنت تستخدم إصدارًا من RainbowKit قبل `0.12.x` أو `1.0.x`، فقط اتبع [دلائل الترحيل](/docs/migration-guide) للحصول على أحدث تحديث. -يُوصى بأن تبدأ dApps`0.12.x` في الترقية إلى wagmi v1، حيث أن تحسينات الثبات لـ WalletConnect v2 ستتضمن فقط في الإصدارات المستقبلية من wagmi. +يُوصى بأن تبدأ dApps `0.12.x` في الترقية إلى wagmi v1، حيث أن تحسينات الثبات لـ WalletConnect v2 ستتضمن فقط في الإصدارات المستقبلية من wagmi. -\*\*2. توفير projectId\*\* +**2. توفير projectId** كل تطبيق dApp يعتمد على WalletConnect يحتاج الآن إلى الحصول على `projectId` من [WalletConnect Cloud](https://cloud.walletconnect.com/). هذا مجاني تماما ولا يستغرق سوى بضع دقائق. @@ -65,7 +65,7 @@ RainbowKit آمن من حيث النوع وسيحذرك عندما يكون `pro - [إنشاء React App](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-create-react-app) - [Next.js](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-next) - [توجيه تطبيق Next.js](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-next-app) -- [Remix](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-remix) -- [Vite](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-vite) +- [مع Remix](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-remix) +- [مع Vite](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-vite) راجع [docs](https://www.rainbowkit.com/docs/custom-wallet-list#walletconnect) للحصول على خيارات مدعومة إضافية. diff --git a/site/data/es-419/docs/chains.mdx b/site/data/es-419/docs/chains.mdx index 741eb8b1b3..d7f8e95e86 100644 --- a/site/data/es-419/docs/chains.mdx +++ b/site/data/es-419/docs/chains.mdx @@ -11,7 +11,7 @@ RainbowKit está diseñado para integrarse con el objeto `chain` de [wagmi](http ### Personalizando la cadena inicial -Por defecto, RainbowKit se conectará a la primera cadena proporcionada a Wagmi. Este comportamiento puede ser personalizado a través de la prop `initialChain`. +Por defecto, RainbowKit se conectará a la primera cadena en su matriz `chains` para asegurar que los usuarios no se encuentren inmediatamente con el estado de "Red incorrecta". Este comportamiento puede ser personalizado a través de la prop `initialChain`. La cadena inicial puede ser configurada usando un ID de cadena. diff --git a/site/data/es-419/docs/connect-button.mdx b/site/data/es-419/docs/connect-button.mdx index e912bd4d86..7828992d4a 100644 --- a/site/data/es-419/docs/connect-button.mdx +++ b/site/data/es-419/docs/connect-button.mdx @@ -30,7 +30,7 @@ El componente `ConnectButton` expone varias props para personalizar su aparienci required: false, default: 'Connect Wallet', type: 'string', - description: 'The text label displayed on the Connect button', + description: 'El texto de la etiqueta que se muestra en el botón Connect', }, { name: 'accountStatus', @@ -39,7 +39,7 @@ El componente `ConnectButton` expone varias props para personalizar su aparienci type: '"avatar" | "address" | "full" | { smallScreen: AccountStatus, largeScreen?: AccountStatus }', typeSimple: 'enum', description: - "Whether the active account's avatar and/or address is displayed", + "Si se muestra el avatar y/o la dirección de la cuenta activa", }, { name: 'chainStatus', @@ -48,7 +48,7 @@ El componente `ConnectButton` expone varias props para personalizar su aparienci type: '"icon" | "name" | "full" | "none" | { smallScreen: ChainStatus, largeScreen?: ChainStatus }', typeSimple: 'enum', description: - "Whether the current chain's icon and/or name is displayed, or hidden entirely", + "Si se muestra el ícono y/o el nombre de la cadena actual, o si está oculto por completo", }, { name: 'showBalance', @@ -57,7 +57,7 @@ El componente `ConnectButton` expone varias props para personalizar su aparienci type: 'boolean | { smallScreen: boolean, largeScreen?: boolean }', typeSimple: 'enum', description: - 'Whether the balance is visible next to the account name', + 'Si el saldo es visible junto al nombre de la cuenta', }, ]} /> diff --git a/site/data/es-419/docs/custom-connect-button.mdx b/site/data/es-419/docs/custom-connect-button.mdx index 5d1127ebee..180a4bffad 100644 --- a/site/data/es-419/docs/custom-connect-button.mdx +++ b/site/data/es-419/docs/custom-connect-button.mdx @@ -130,7 +130,7 @@ Las siguientes propiedades son pasadas a su función de renderizado. type: 'string', description: ( <> - The full account address, e.g. + La dirección completa de la cuenta, ej. "0x7a3d05c70581bD345fe117c06e45f9669205384f" ), @@ -139,7 +139,7 @@ Las siguientes propiedades son pasadas a su función de renderizado. name: 'account.balanceDecimals', required: false, type: 'string | undefined ', - description: 'The account balance in decimals', + description: 'El balance de la cuenta en decimales', }, { name: 'account.balanceFormatted', @@ -147,7 +147,7 @@ Las siguientes propiedades son pasadas a su función de renderizado. type: 'string | undefined ', description: ( <> - The account balance formatted as a string, e.g.{' '} + El balance de la cuenta formateado como una cadena, ej.{' '} 1.234567890123456789 ), @@ -158,7 +158,7 @@ Las siguientes propiedades son pasadas a su función de renderizado. type: 'string | undefined ', description: ( <> - The currency symbol for the balance, e.g. ETH + El símbolo de la moneda para el balance, ej. ETH ), }, @@ -168,8 +168,8 @@ Las siguientes propiedades son pasadas a su función de renderizado. type: 'string | undefined ', description: ( <> - The balance formatted to 3 significant digits, plus the - symbol, e.g. 1.23 ETH + El balance formateado con 3 cifras significativas, más el + símbolo, ej. 1.23 ETH ), }, @@ -179,8 +179,8 @@ Las siguientes propiedades son pasadas a su función de renderizado. type: 'string', description: ( <> - The ENS name, or a truncated version of the address, e.g.{' '} - "rainbowwallet.eth" or "0x7a…384f" + El nombre ENS, o una versión truncada de la dirección, ej.{' '} + "rainbowwallet.eth" o "0x7a…384f" ), }, @@ -188,7 +188,7 @@ Las siguientes propiedades son pasadas a su función de renderizado. name: 'account.ensAvatar', required: false, type: 'string | undefined', - description: 'The ENS avatar URI', + description: 'La URI del avatar ENS', }, { name: 'account.ensName', @@ -196,7 +196,7 @@ Las siguientes propiedades son pasadas a su función de renderizado. type: 'string | undefined', description: ( <> - The ENS name, e.g. rainbowwallet.eth + El nombre ENS, ej. rainbowwallet.eth ), }, @@ -205,7 +205,7 @@ Las siguientes propiedades son pasadas a su función de renderizado. required: false, type: 'boolean', description: - 'Boolean indicating whether the account has pending transactions for the current chain', + 'Booleano que indica si la cuenta tiene transacciones pendientes para la cadena actual', }, ]} /> @@ -219,27 +219,27 @@ Las siguientes propiedades son pasadas a su función de renderizado. required: false, type: 'object | undefined', description: - 'Object containing details about the current chain, described below', + 'Objeto que contiene detalles sobre la cadena actual, descrito a continuación', }, { name: 'chain.hasIcon', required: false, type: 'boolean', - description: 'Whether the chain as an icon specified', + description: 'Si la cadena tiene un icono especificado', }, { name: 'chain.iconUrl', required: false, type: 'string | undefined', description: - 'The chain icon URL (which may be also be undefined while downloading Base64 data URLs)', + 'La URL del icono de la cadena (que también puede estar indefinida mientras se descargan URL de datos Base64)', }, { name: 'chain.iconBackground', required: false, type: 'string | undefined', description: - 'The chain icon background which will be visible while images are loading', + 'El fondo del icono de la cadena que será visible mientras se cargan las imágenes', }, { name: 'chain.id', @@ -247,7 +247,7 @@ Las siguientes propiedades son pasadas a su función de renderizado. type: 'number', description: ( <> - The chain ID, e.g. 1 + El ID de la cadena, ej. 1 ), }, @@ -257,7 +257,7 @@ Las siguientes propiedades son pasadas a su función de renderizado. type: 'string | undefined', description: ( <> - The chain name, e.g. "Ethereum" + El nombre de la cadena, ej. "Ethereum" ), }, @@ -266,7 +266,7 @@ Las siguientes propiedades son pasadas a su función de renderizado. required: false, type: 'boolean | undefined', description: - 'Boolean indicating whether the current chain is unsupported', + 'Booleano que indica si la cadena actual no es compatible', }, ]} /> @@ -279,39 +279,39 @@ Las siguientes propiedades son pasadas a su función de renderizado. name: 'openAccountModal', required: false, type: '() => void', - description: 'Function to open the account modal', + description: 'Función para abrir el modal de la cuenta', }, { name: 'openChainModal', required: false, type: '() => void', - description: 'Function to open the chain modal', + description: 'Función para abrir el modal de la cadena', }, { name: 'openConnectModal', required: false, type: '() => void', - description: 'Function to open the connect modal', + description: 'Función para abrir el modal de conexión', }, { name: 'accountModalOpen', required: false, type: 'boolean', description: - 'Boolean indicating whether the account modal is open', + 'Booleano que indica si el modal de la cuenta está abierto', }, { name: 'chainModalOpen', required: false, type: 'boolean', - description: 'Boolean indicating whether the chain modal is open', + description: 'Booleano que indica si el modal de la cadena está abierto', }, { name: 'connectModalOpen', required: false, type: 'boolean', description: - 'Boolean indicating whether the connect modal is open', + 'Booleano que indica si el modal de conexión está abierto', }, ]} /> @@ -325,14 +325,14 @@ Las siguientes propiedades son pasadas a su función de renderizado. required: false, type: 'boolean', description: - 'Boolean indicating whether the component has mounted', + 'Booleano que indica si el componente se ha montado', }, { name: 'authenticationStatus', required: false, type: '"loading" | "unauthenticated" | "authenticated" | undefined', description: - 'The authentication status, or undefined if authentication has not been configured', + 'El estado de autenticación o indefinido si la autenticación no se ha configurado', }, ]} /> diff --git a/site/data/es-419/docs/custom-theme.mdx b/site/data/es-419/docs/custom-theme.mdx index a46f61d8dd..dcd812c645 100644 --- a/site/data/es-419/docs/custom-theme.mdx +++ b/site/data/es-419/docs/custom-theme.mdx @@ -8,8 +8,8 @@ description: Creando un tema personalizado ## Creando un tema personalizado > Nota: Esta API es inestable y es probable que cambie -> en un futuro próximo. Recomendamos seguir con los [temas incorporados](/docs/theming) para -> ahora. +> en un futuro cercano. Recomendamos seguir con los [temas incorporados](/docs/theming) para +> ahora. Mientras los temas incorporados ofrecen algún nivel de personalización, el tipo `Tema` se proporciona para ayudarlo a definir sus propios temas personalizados con acceso de nivel inferior a las variables de tema subyacentes. diff --git a/site/data/es-419/docs/custom-wallet-list.mdx b/site/data/es-419/docs/custom-wallet-list.mdx index a12b3457dc..edae3372e0 100644 --- a/site/data/es-419/docs/custom-wallet-list.mdx +++ b/site/data/es-419/docs/custom-wallet-list.mdx @@ -86,9 +86,9 @@ Esta es una opción de cartera de respaldo diseñada para escenarios donde `wind import { injectedWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -##### Billetera Segura +##### Cartera Safe -Para dApps que soportan Safe Apps y permiten a los usuarios conectarse fácilmente con su bóveda Safe o multi-firma, incluye la opción `safeWallet` para conexiones automáticas. La opción Safe solo aparecerá en el entorno del navegador de la Billetera Segura. +Para dApps que soportan Safe Apps para permitir a los usuarios conectarse fácilmente con su bóveda Safe o multi-firma, incluya la opción `safeWallet` para conexiones automáticas. La opción Safe solo aparecerá en el entorno del navegador Safe Wallet. ```tsx import { safeWallet } from '@rainbow-me/rainbowkit/wallets'; @@ -98,13 +98,25 @@ import { safeWallet } from '@rainbow-me/rainbowkit/wallets'; Las siguientes billeteras se proporcionan a través del objeto `wallet` (en orden alfabético). +#### Cartera 1inch + +```tsx +import { oneInchWallet } from '@rainbow-me/rainbowkit/wallets'; +``` + #### Argent ```tsx import { argentWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### BitKeep +#### Binance Web3 Wallet + +```tsx +import { binanceWallet } from '@rainbow-me/rainbowkit/wallets'; +``` + +#### Bitget ```tsx import { bitgetWallet } from '@rainbow-me/rainbowkit/wallets'; @@ -128,39 +140,33 @@ import { bitskiWallet } from '@rainbow-me/rainbowkit/wallets'; import { bitverseWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Billetera Bloom +#### Bloom Wallet ```tsx import { bloomWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Cartera Bybit - -```tsx -import { bybitWallet } from '@rainbow-me/rainbowkit/wallets'; -``` - -#### Billetera Brave +#### Brave Wallet ```tsx import { braveWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Binance Web3 Wallet +#### Bybit Wallet ```tsx -import { binanceWallet } from '@rainbow-me/rainbowkit/wallets'; +import { bybitWallet } from '@rainbow-me/rainbowkit/wallets'; ``` #### Coinbase -Este conector de billetera es compatible tanto con la aplicación y extensión Coinbase Wallet, como con Coinbase Smart Wallet en la Web. +Este conector de cartera soporta tanto la aplicación y la extensión de Coinbase Wallet, como también Coinbase Smart Wallet en la Web. Un argumento de `preferencia` está disponible para controlar si Smart Wallet está habilitado y disponible para los usuarios. El comportamiento basado en preferencias está documentado [aquí](https://www.smartwallet.dev/sdk/makeWeb3Provider#parameters). -Smart Wallet se habilitará de forma predeterminada con `all` a principios de junio, sin necesidad de una actualización adicional. +Smart Wallet estará habilitado por defecto con `all` a principios de junio, sin necesidad de una actualización adicional. -Los desarrolladores pueden probar Smart Wallet con las cadenas `sepolia` y `baseSepolia` hoy configurando `smartWalletOnly` e incluyendo `coinbaseWallet` en su lista de billeteras de la siguiente manera: +Los desarrolladores pueden probar Smart Wallet con las cadenas `sepolia` y `baseSepolia` hoy configurando `smartWalletOnly` e incluyendo `coinbaseWallet` en su lista de carteras de la siguiente manera: ```tsx import { coinbaseWallet } from '@rainbow-me/rainbowkit/wallets'; @@ -169,16 +175,16 @@ import { coinbaseWallet } from '@rainbow-me/rainbowkit/wallets'; coinbaseWallet.preference = 'smartWalletOnly'; ``` -#### Compass Wallet +#### Coin98 Wallet ```tsx -import { compassWallet } from '@rainbow-me/rainbowkit/compassWallet'; +import { coin98Wallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Coin98 Wallet +#### Compass Wallet ```tsx -import { coin98Wallet } from '@rainbow-me/rainbowkit/wallets'; +import { compassWallet } from '@rainbow-me/rainbowkit/compassWallet'; ``` #### Core @@ -217,22 +223,34 @@ import { frameWallet } from '@rainbow-me/rainbowkit/wallets'; import { frontierWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Cartera Gate +#### Gate Wallet ```tsx import { gateWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Ledger Live +#### imToken ```tsx -import { ledgerWallet } from '@rainbow-me/rainbowkit/wallets'; +import { imTokenWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### imToken +#### ioPay Wallet ```tsx -import { imTokenWallet } from '@rainbow-me/rainbowkit/wallets'; +import { iopayWallet } from '@rainbow-me/rainbowkit/wallets'; +``` + +#### Kaia Wallet + +```tsx +import { kaiaWallet } from '@rainbow-me/rainbowkit/wallets'; +``` + +#### Kaikas + +```tsx +import { kaikasWallet } from '@rainbow-me/rainbowkit/wallets'; ``` #### Kraken Wallet @@ -241,34 +259,34 @@ import { imTokenWallet } from '@rainbow-me/rainbowkit/wallets'; import { krakenWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Billetera Kresus +#### Kresus Wallet ```tsx import { kresusWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Kaikas +#### Ledger Live ```tsx -import { kaikasWallet } from '@rainbow-me/rainbowkit/wallets'; +import { ledgerWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Billetera Magic Eden +#### Magic Eden Wallet ```tsx import { magicEdenWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### MetaMask +#### MEW Wallet ```tsx -import { metaMaskWallet } from '@rainbow-me/rainbowkit/wallets'; +import { mewWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### MEW Wallet +#### MetaMask ```tsx -import { mewWallet } from '@rainbow-me/rainbowkit/wallets'; +import { metaMaskWallet } from '@rainbow-me/rainbowkit/wallets'; ``` #### OKX Wallet @@ -283,12 +301,6 @@ import { okxWallet } from '@rainbow-me/rainbowkit/wallets'; import { omniWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Cartera 1inch - -```tsx -import { oneInchWallet } from '@rainbow-me/rainbowkit/wallets'; -``` - #### OneKey ```tsx @@ -313,13 +325,13 @@ import { rabbyWallet } from '@rainbow-me/rainbowkit/wallets'; import { rainbowWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Billetera Ramper +#### Ramper Wallet ```tsx import { ramperWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Billetera Ronin +#### Ronin Wallet ```tsx import { roninWallet } from '@rainbow-me/rainbowkit/wallets'; @@ -405,7 +417,7 @@ const connectors = connectorsForWallets( ); ``` -Mostrar MetaMask junto con billeteras de reserva genéricas. +Mostrar Rainbow, MetaMask y Coinbase junto con billeteras de reserva genéricas. ```tsx import { connectorsForWallets } from '@rainbow-me/rainbowkit'; diff --git a/site/data/es-419/docs/custom-wallets.mdx b/site/data/es-419/docs/custom-wallets.mdx index bd109b6953..24c431d17f 100644 --- a/site/data/es-419/docs/custom-wallets.mdx +++ b/site/data/es-419/docs/custom-wallets.mdx @@ -1,9 +1,9 @@ --- -title: Billeteras personalizadas +title: Carteras Personalizadas description: Crear una billetera personalizada --- -# Billeteras personalizadas +# Carteras Personalizadas ## Crear una billetera personalizada @@ -142,64 +142,64 @@ El tipo de función `Wallet` se proporciona para ayudarlo a definir sus propias name: 'android', required: false, type: 'string', - description: 'Google Play URL', + description: 'URL de Google Play', }, { name: 'ios', required: false, type: 'string', - description: 'Apple App Store URL', + description: 'URL de Apple App Store', }, { name: 'mobile', required: false, type: 'string', description: - 'Landing page for mobile users when `android` or `ios` are unavailable', + 'Página de aterrizaje para usuarios móviles cuando `android` o `ios` no están disponibles', }, { name: 'qrCode', required: false, type: 'string', description: - 'Landing page for users that scan the mobile download QR Code', + 'Página de aterrizaje para usuarios que escanean el código QR de descarga móvil', }, { name: 'chrome', required: false, type: 'string', - description: 'Chrome Web Store URL', + description: 'URL de Chrome Web Store', }, { name: 'edge', required: false, type: 'string', - description: 'Microsoft Edge Add-ons URL', + description: 'URL de Microsoft Edge Add-ons', }, { name: 'firefox', required: false, type: 'string', - description: 'Firefox Browser Add-ons URL', + description: 'URL de complementos de Firefox', }, { name: 'opera', required: false, type: 'string', - description: 'Opera add-ons URL', + description: 'URL de complementos de Opera', }, { name: 'safari', required: false, type: 'string', - description: 'Mac App Store URL', + description: 'URL de Mac App Store', }, { name: 'browserExtension', required: false, type: 'string', description: - 'Landing page for desktop extension users when browser-compatible URLs are unavailable', + 'Página de aterrizaje para usuarios de extensión de escritorio cuando las URLs compatibles con el navegador no están disponibles', }, ]} /> diff --git a/site/data/es-419/docs/installation.mdx b/site/data/es-419/docs/installation.mdx index 91ced0f9cd..3034752b7f 100644 --- a/site/data/es-419/docs/installation.mdx +++ b/site/data/es-419/docs/installation.mdx @@ -25,7 +25,7 @@ Alternativamente, puedes integrar manualmente RainbowKit en tu proyecto existent ### Configuración manual -Instala RainbowKit y sus dependencias de igual nivel, [wagmi](https://wagmi.sh/) y [viem](https://viem.sh). +Instala RainbowKit y sus dependencias de igual nivel, [wagmi](https://wagmi.sh/), [viem](https://viem.sh) y [@tanstack/react-query](https://tanstack.com/query/v5). ```bash npm install @rainbow-me/rainbowkit wagmi viem@2.x @tanstack/react-query @@ -35,7 +35,7 @@ npm install @rainbow-me/rainbowkit wagmi viem@2.x @tanstack/react-query #### Importar -Importar RainbowKit y wagmi. +Importar RainbowKit, Wagmi y TanStack Query. ```tsx import '@rainbow-me/rainbowkit/styles.css'; @@ -62,7 +62,7 @@ import { Configure sus cadenas deseadas y genere los conectores requeridos. También necesitará configurar una `wagmi` config. Si tu dApp utiliza renderizado del lado del servidor (SSR), asegúrate de establecer `ssr` en `true`. -> Nota: Cada dApp que depende de WalletConnect ahora necesita obtener un `projectId` desde [WalletConnect Cloud](https://cloud.walletconnect.com/). Esto es absolutamente gratis y solo toma unos minutos. +> Nota: Cada dApp que depende de WalletConnect ahora necesita obtener un `projectId` desde [WalletConnect Cloud](https://cloud.walletconnect.com/). Esto es absolutamente gratuito y solo lleva unos minutos. ```tsx line=4-99 ... @@ -78,7 +78,7 @@ const config = getDefaultConfig({ #### Envolver proveedores -Envuelva su aplicación con `RainbowKitProvider` y [`WagmiConfig`](https://wagmi.sh/docs/provider). +Envuelva su aplicación con `RainbowKitProvider`, [`WagmiProvider`](https://wagmi.sh/react/api/WagmiProvider#wagmiprovider) y [`QueryClientProvider`](https://tanstack.com/query/v4/docs/framework/react/reference/QueryClientProvider). ```tsx const queryClient = new QueryClient(); @@ -116,7 +116,7 @@ Algunas herramientas de construcción requerirán una configuración adicional. ##### Remix -Al usar [Remix](https://remix.run), debe aplicar polyfill a los módulos `buffer`, `events` y `http`. Haga referencia a la configuración de Remix a continuación, o [a nuestro proyecto de ejemplo Remix](https://github.com/rainbow-me/rainbowkit/blob/main/examples/with-remix). +Al utilizar [Remix](https://remix.run), debes polyfill los módulos `buffer`, `events` y `http`. Haga referencia a la configuración de Remix a continuación, o [nuestro proyecto de ejemplo Remix](https://github.com/rainbow-me/rainbowkit/blob/main/examples/with-remix). ```ts /** @type {import('@remix-run/dev').AppConfig} */ @@ -130,9 +130,9 @@ export default { ### Preparándose para desplegar -Por defecto, tu dApp usa proveedores RPC públicos para cada cadena para obtener saldos, resolver nombres ENS y más. Esto a menudo puede causar problemas de fiabilidad para tus usuarios ya que los nodos públicos tienen un límite de tasa. En su lugar, deberías comprar acceso a un proveedor RPC a través de servicios como [Alchemy](https://www.alchemy.com/) o [QuickNode](https://www.quicknode.com/), y definir tus propios Transportes en Wagmi. Esto se puede lograr agregando el parámetro `transports` en `getDefaultConfig` o directamente a través de `createConfig` de Wagmi. +De forma predeterminada, tu dApp utiliza proveedores RPC públicos para cada cadena para obtener balances, resolver nombres ENS y más. Esto puede causar problemas de fiabilidad para tus usuarios ya que los nodos públicos tienen un límite de velocidad. Deberías comprar acceso a un proveedor RPC a través de servicios como [Alchemy](https://www.alchemy.com/) o [QuickNode](https://www.quicknode.com/) y definir tus propios Transports en Wagmi. Esto se puede lograr añadiendo el parámetro `transports` en `getDefaultConfig` o directamente a través de `createConfig` de Wagmi. -Un Transporte es la capa intermedia de red que maneja el envío de solicitudes JSON-RPC al Proveedor de Nodo de Ethereum (como Alchemy, Infura, etc.). +Un Transport es la capa intermedia de red que maneja el envío de solicitudes JSON-RPC al proveedor de nodos Ethereum (como Alchemy, Infura, etc). **Ejemplo con un transporte `http`** @@ -152,7 +152,7 @@ const config = getDefaultConfig({ }); ``` -Para más detalles, vea la [documentación de transporte de wagmi](https://wagmi.sh/core/api/transports#transports). +Para más detalles, vea la [documentación de wagmi.](https://wagmi.sh/core/api/transports#transports). ### Agregue su propia funcionalidad diff --git a/site/data/es-419/docs/introduction.mdx b/site/data/es-419/docs/introduction.mdx index 3c0895d81c..b554e39fe6 100644 --- a/site/data/es-419/docs/introduction.mdx +++ b/site/data/es-419/docs/introduction.mdx @@ -7,7 +7,7 @@ description: La mejor manera de conectar una billetera 🌈 ## La mejor manera de conectar una billetera 🌈 -
diff --git a/site/data/es-419/docs/migration-guide.mdx b/site/data/es-419/docs/migration-guide.mdx index 938c15d339..96e50509a9 100644 --- a/site/data/es-419/docs/migration-guide.mdx +++ b/site/data/es-419/docs/migration-guide.mdx @@ -6,19 +6,19 @@ title: Guía de Migración ## Migrando RainbowKit -### 2.x.x Cambios significativos +### Cambios radicales en 2.x.x -La dependencia de pares [wagmi](https://wagmi.sh) ha sido actualizada a `1.x.x`. +La dependencia de pares [wagmi](https://wagmi.sh) y [viem](https://viem.sh) han llegado a `2.x.x` con cambios disruptivos. Sigue los pasos abajo para migrar. -**1. Actualiza RainbowKit y `wagmi` a su última versión** +**1. Actualice RainbowKit, `wagmi`, y `viem` a sus últimas versiones** ```bash npm i @rainbow-me/rainbowkit@2 wagmi@2 viem@2.x ``` -**2. Instala la dependencia de pares `viem`** +**2. Instalar la dependencia paralela `@tanstack/react-query`** Con Wagmi v2, [TanStack Query](https://tanstack.com/query/v5/docs/react/overview) ahora es una dependencia par necesaria. @@ -91,9 +91,9 @@ npm i @tanstack/react-query } ``` -**4. Verifique los cambios importantes en `wagmi`** +**4. Busque cambios significativos en `wagmi` y `viem`** -Si usas los hooks `wagmi` en tu aplicación, necesitarás seguir la guía de migración de `wagmi` a la v1. +Si utiliza hooks de `wagmi` y acciones de `viem` en su dApp, necesitará seguir las guías de migración para la v2: - [Guía de Migración de Wagmi v2](https://wagmi.sh/react/guides/migrate-from-v1-to-v2) - [Cambios Significativos en Viem v2](https://viem.sh/docs/migration-guide.html#_2-x-x-breaking-changes) @@ -124,7 +124,7 @@ const config = getDefaultConfig({ }) ``` -**4. RainbowKitProvider** +**3. RainbowKitProvider** Ya no necesitas pasar `chains` a ``. @@ -133,7 +133,7 @@ Ya no necesitas pasar `chains` a ``. + ``` -**5. Cadenas Personalizadas** +**4. Cadenas Personalizadas** El tipo `Chain` ha cambiado de acuerdo con Wagmi v2, y continúa soportando los metadatos `iconUrl` e `iconBackground` de RainbowKit. @@ -195,9 +195,9 @@ Ejemplo con `createConfig`: }) ``` -**2. Carteras Personalizadas** +**5. Billeteras personalizadas** -RainbowKit ha adoptado el conector `WalletConnectLegacyConnector` en `wagmi` para continuar con el soporte de WalletConnect v1. El soporte para WalletConnect v2 y `WalletConnectConnector` pronto estará disponible como una versión de parche, sin cambios disruptivos. +RainbowKit wallet connectors han sufrido cambios sustanciales para soportar Wagmi v2. Consulta la [documentación actualizada](https://www.rainbowkit.com/docs/custom-wallets) y un [conector de ejemplo](https://github.com/rainbow-me/rainbowkit/blob/main/packages/rainbowkit/src/wallets/walletConnectors/rainbowWallet/rainbowWallet.ts) para actualizar cualquier Conector de Cartera Personalizado en tu dApp. Los conectores de billetera ahora también soportan el estándar EIP-6963 con la propiedad `rdns`. Asegúrese de que esto esté poblado para evitar referencias duplicadas a billeteras que soportan EIP-6963 en su lista de billeteras. @@ -205,51 +205,51 @@ Los conectores de billetera ahora también soportan el estándar EIP-6963 con la #### Actualizado a wagmi v1 -La dependencia peer de wagmi ha sido actualizada a `0.10.x`. +La dependencia (peer) de [wagmi](https://wagmi.sh) ha sido actualizada a `1.x.x`. -Siga los pasos a continuación para migrar. +Sigue los pasos abajo para migrar. -\*\*1. Actualice RainbowKit y `wagmi` a sus últimas versiones +**1. Actualice RainbowKit y `wagmi` a su última versión** ```bash npm i @rainbow-me/rainbowkit@^1 wagmi@^1 ``` -**3. Instala la dependencia de pares `viem`** +**2. Instale la dependencia peer `viem`** -wagmi v1 requiere la dependencia de pares `viem`. Instálala con el siguiente comando: +wagmi v1 requiere la dependencia peer `viem`. Instálala con el siguiente comando: ```bash npm i viem ``` -Nota: wagmi ya no utiliza internamente el paquete `ethers`. Pero si confías en la API [Authentication](https://www.rainbowkit.com/docs/authentication), `siwe` todavía requerirá `ethers` como una dependencia de pares. +Nota: wagmi ya no utiliza internamente el paquete `ethers`. Pero si confías en la API de [Autenticación](https://www.rainbowkit.com/docs/authentication), `siwe` todavía requerirá `ethers` como una dependencia peer. **3. Asegure la compatibilidad del empaquetador y polyfill** En versiones anteriores de wagmi que confiaban en [ethers](https://docs.ethers.org/v5/), los módulos `fs`, `net` y `tls` requeridos por WalletConnect se rellenaban automáticamente. Este ya no es el caso con RainbowKit v1 + wagmi v1, que están construidos sobre [viem](https://viem.sh/). -Consulte nuestra [Configuración de Webpack de Next.js](https://github.com/rainbow-me/rainbowkit/blob/main/examples/with-next/next.config.js) y [Polyfills de Create React App](https://github.com/rainbow-me/rainbowkit/blob/main/examples/with-create-react-app/src/polyfills.ts) muestras para orientación de configuración para su proyecto. +Consulta nuestra [Configuración de Webpack de Next.js](https://github.com/rainbow-me/rainbowkit/blob/main/examples/with-next/next.config.js) y [ejemplos de polyfill de Create React App](https://github.com/rainbow-me/rainbowkit/blob/main/examples/with-create-react-app/src/polyfills.ts) para obtener orientación en la configuración de tu proyecto. -Guías adicionales del marco para Vite y Remix están disponibles [here](https://www.rainbowkit.com/docs/installation#additional-build-tooling-setup). +Guías adicionales del marco para Vite y Remix están disponibles [aquí](https://www.rainbowkit.com/docs/installation#additional-build-tooling-setup). -\*\*4. Verifique los cambios radicales en `wagmi` +**4. Verifique los cambios radicales en `wagmi`** -Si utilizas los ganchos de `wagmi` en tu aplicación, necesitarás revisar si tu aplicación se ha visto afectada por los cambios significativos en `wagmi`. +Si utilizas los hooks de `wagmi` en tu aplicación, necesitarás seguir la guía de migración de `wagmi` a v1. -[Puedes ver su guía de migración aquí](https://wagmi.sh/react/migration-guide#09x-breaking-changes). +[Puedes ver su guía de migración aquí](https://wagmi.sh/react/migration-guide). -### Cambios significativos 0.8.x +### Cambios radicales en 0.12.x -La dependencia paritaria de wagmi se ha actualizado a `0.8.x`. +La dependencia peer de wagmi ha sido actualizada a `0.12.x`. RainbowKit ha adoptado el conector `WalletConnectLegacyConnector` en `wagmi` para continuar con el soporte de WalletConnect v1. El soporte para WalletConnect v2 y `WalletConnectConnector` pronto estará disponible como una versión de parche, sin cambios disruptivos. -Las carteras se realizarán automáticamente en futuras versiones. +Las carteras se actualizarán automáticamente en futuras versiones. Cada dApp debe ahora proporcionar un `projectId` de [WalletConnect Cloud](https://cloud.walletconnect.com/) para habilitar WalletConnect v2. Esto debe completarse antes de que los servidores de puente WalletConnect v1 se cierren el 28 de junio de 2023. RainbowKit preferirá silenciosamente la v1 para todas las carteras si `projectId` no se especifica. -Siga los pasos a continuación para migrar. +Sigue los pasos abajo para migrar. #### 1. Actualice RainbowKit y `wagmi` a su última versión @@ -257,7 +257,7 @@ Siga los pasos a continuación para migrar. npm i @rainbow-me/rainbowkit@^0.12.0 wagmi@^0.12.0 ``` -#### 2. Suministra un projectId de WalletConnect Cloud +#### 2. Proporcione un projectId de WalletConnect Cloud Cada dApp que depende de WalletConnect ahora necesita obtener un `projectId` de [WalletConnect Cloud](https://cloud.walletconnect.com/). Esto es absolutamente gratuito y solo lleva unos minutos. @@ -285,11 +285,11 @@ const connectors = connectorsForWallets([ ]); ``` -### 0.11.x Cambios significativos +### Cambios radicales en 0.11.x La dependencia peer de wagmi ha sido actualizada a `0.11.x`. -Sigue los pasos a continuación para migrar. +Sigue los pasos abajo para migrar. #### 1. Actualice RainbowKit y `wagmi` a su última versión @@ -299,65 +299,65 @@ npm i @rainbow-me/rainbowkit@^0.11.0 wagmi@^0.11.0 #### 2. Verifique los cambios radicales en `wagmi` -Si utilizas los ganchos de `wagmi` en tu aplicación, necesitarás revisar si tu aplicación se ha visto afectada por los cambios significativos en `wagmi`. +Si usas los hooks de `wagmi` en tu aplicación, tendrás que verificar si tu aplicación ha sido afectada por los cambios disruptivos en `wagmi`. -[Puede ver su guía de migración aquí](https://wagmi.sh/react/migration-guide#011x-breaking-changes). +[Puedes ver su guía de migración aquí](https://wagmi.sh/react/migration-guide#011x-breaking-changes). -### 0.10.x Cambios significativos +### Cambios radicales en 0.10.x -La dependencia paralela de wagmi ha sido actualizada a `0.12.x`. +La dependencia peer de wagmi ha sido actualizada a `0.10.x`. -Sigue los pasos a continuación para migrar. +Sigue los pasos abajo para migrar. -#### \*\*1. Actualiza las dependencias +#### 1. Actualice RainbowKit y `wagmi` a su última versión ```bash npm i @rainbow-me/rainbowkit@^0.10.0 wagmi@^0.10.0 ``` -#### 2. Verifica los cambios significativos en `wagmi` +#### 2. Verifique los cambios radicales en `wagmi` -Si utiliza los hooks de `wagmi` en su aplicación, necesitará verificar si su aplicación ha sido afectada por los cambios significativos en `wagmi`. +Si usas los hooks de `wagmi` en tu aplicación, tendrás que verificar si tu aplicación ha sido afectada por los cambios disruptivos en `wagmi`. -[Puede ver su guía de migración aquí](https://wagmi.sh/react/migration-guide#010x-breaking-changes). +[Puedes ver su guía de migración aquí](https://wagmi.sh/react/migration-guide#010x-breaking-changes). ### Cambios radicales en 0.9.x -La dependencia de pares wagmi se ha actualizado a `0.9.x`. +La dependencia peer de wagmi ha sido actualizada a `0.9.x`. -Sigue los pasos a continuación para migrar. +Sigue los pasos abajo para migrar. -#### 1. Actualiza las dependencias +#### 1. Actualice RainbowKit y `wagmi` a su última versión ```bash npm i @rainbow-me/rainbowkit@^0.9.0 wagmi@^0.9.0 ``` -#### 2. Verifica los cambios significativos en `wagmi` +#### 2. Verifique los cambios radicales en `wagmi` -Si utiliza los hooks `wagmi` en su aplicación, deberá revisar si su aplicación ha sido afectada por los cambios radicales en `wagmi`. +Si usas los hooks de `wagmi` en tu aplicación, tendrás que verificar si tu aplicación ha sido afectada por los cambios disruptivos en `wagmi`. -[Puedes ver su guía de migración aquí](https://wagmi.sh/react/migration-guide). +[Puedes ver su guía de migración aquí](https://wagmi.sh/react/migration-guide#09x-breaking-changes). -### 0.12.x Cambios importantes +### Cambios radicales en 0.8.x -La dependencia paritaria de wagmi se ha actualizado a `0.8.x`. +La dependencia peer de wagmi ha sido actualizada a `0.8.x`. -Sigue los pasos a continuación para migrar. +Sigue los pasos abajo para migrar. -#### 2. Actualiza las dependencias +#### 1. Actualice RainbowKit y `wagmi` a su última versión ```bash npm i @rainbow-me/rainbowkit@^0.8.0 wagmi@^0.8.0 ``` -#### 2. Busque cambios significativos en `wagmi` +#### 2. Verifique los cambios radicales en `wagmi` -Si usa los ganchos `wagmi` en su aplicación, tendrá que verificar si su aplicación ha sido afectada por los cambios disruptivos en `wagmi`. +Si usas los hooks de `wagmi` en tu aplicación, tendrás que verificar si tu aplicación ha sido afectada por los cambios disruptivos en `wagmi`. [Puedes ver su guía de migración aquí](https://wagmi.sh/react/migration-guide#08x-breaking-changes). -### Cambios importantes en 0.7.x +### Cambios radicales en 0.7.x Si estás creando una lista personalizada de monederos, ahora debes importar cada monedero individualmente para reducir el tamaño del paquete. Observa que, como los monederos ya no están agrupados en el objeto `wallet`, todos los monederos ahora tienen un sufijo `Wallet`. @@ -398,13 +398,13 @@ const wallets = [ ]; ``` -### Cambios importantes en 0.4.x +### Cambios radicales en 0.4.x -RainbowKit ha actualizado la dependencia de peer `wagmi` a `0.5.x`. +RainbowKit ha actualizado la dependencia peer `wagmi` a `0.5.x`. -Sigue los pasos a continuación para migrar. +Sigue los pasos abajo para migrar. -#### \*\*1. Reemplaza la importación de configureChains +#### 1. Actualizar dependencias Actualiza RainbowKit y wagmi a su última versión @@ -412,13 +412,13 @@ Actualiza RainbowKit y wagmi a su última versión npm i @rainbow-me/rainbowkit@^0.4.0 wagmi@^0.5.0 ``` -#### \*\*4. Verifique los cambios radicales en `wagmi` +#### 2. Verifique los cambios radicales en `wagmi` -Si utiliza los hooks de `wagmi` en su aplicación, necesitará verificar si su aplicación ha sido afectada por los cambios significativos en `wagmi`. +Si usas los hooks de `wagmi` en tu aplicación, tendrás que verificar si tu aplicación ha sido afectada por los cambios disruptivos en `wagmi`. -[Puede ver su guía de migración aquí](https://wagmi.sh/react/migration-guide#05x-breaking-changes). +[Puedes ver su guía de migración aquí](https://wagmi.sh/react/migration-guide#05x-breaking-changes). -### Cambios disruptivos 0.3.x +### Cambios significativos en 0.3.x Se eliminó el parámetro `chainId` de `createConnector` en el tipo `Wallet`. @@ -478,13 +478,13 @@ const connectors = connectorsForWallets([ ]); ``` -### Cambios rupturistas 0.2.x +### Cambios significativos en 0.2.x RainbowKit ha actualizado la dependencia paritaria `wagmi` a `^0.4`. -Siga los pasos a continuación para migrar. +Sigue los pasos abajo para migrar. -#### 2. Reemplaza la importación de configureChains +#### 1. Actualizar dependencias Actualiza RainbowKit y wagmi a su última versión @@ -492,7 +492,7 @@ Actualiza RainbowKit y wagmi a su última versión npm i @rainbow-me/rainbowkit@^0.2.0 wagmi@^0.4.2 ``` -#### 3. Migrar los proveedores +#### 2. Reemplaza la importación de configureChains Importa `configureChains` de wagmi en lugar de RainbowKit: @@ -573,9 +573,9 @@ const { chains, provider } = configureChains( ); ``` -#### 4. Renombra el proveedor de wagmi +#### 3. Renombra el proveedor de wagmi -Renombra `WamgiProvider` a `WagmiConfig`. +Renombra `WagmiProvider` a `WagmiConfig`. ```diff import { diff --git a/site/data/es-419/docs/theming.mdx b/site/data/es-419/docs/theming.mdx index ea88122a02..f3eff8e54a 100644 --- a/site/data/es-419/docs/theming.mdx +++ b/site/data/es-419/docs/theming.mdx @@ -142,10 +142,10 @@ const App = () => { #### Función de tema -Aquí hay varias formas en las que puedes usar la propiedad `tema`. - Use el tema `temaOscuro`. +Use el tema `temaMedianoche`. + ```tsx import { RainbowKitProvider, darkTheme } from '@rainbow-me/rainbowkit'; @@ -156,7 +156,7 @@ export const App = () => ( ); ``` -Use el tema `temaMedianoche`. +Use el tema `midnightTheme`. ```tsx import { @@ -173,10 +173,10 @@ export const App = () => ( #### Color de acento -Aquí hay varias formas en las que puedes usar la configuración `colorDeAcento`. - Establezca el color de acento en un valor personalizado de púrpura. +Establezca el color de acento en el preset `verde` incorporado. + ```tsx import { RainbowKitProvider, darkTheme } from '@rainbow-me/rainbowkit'; @@ -216,10 +216,10 @@ const App = () => { #### Radio de borde -Aquí hay varias formas en las que puedes usar la configuración `radioDeBorde`. - Establezca el radio del borde en `medio`. +Establezca el radio del borde en `ninguno`. + ```tsx import { RainbowKitProvider, darkTheme } from '@rainbow-me/rainbowkit'; @@ -260,9 +260,9 @@ const App = () => { #### Pila de fuentes -Por defecto, la `fontStack` está configurada a `rounded`. Pero aquí está cómo puedes usar la configuración `fontStack`. +Pero aquí está cómo puedes usar la configuración `fontStack`. Establece la pila de fuentes en `system`. -Establece la pila de fuentes a `system`. +Establece la pila de fuentes en `system`. ```tsx import { RainbowKitProvider, darkTheme } from '@rainbow-me/rainbowkit'; @@ -283,7 +283,7 @@ const App = () => { #### Desenfoque de superposición -Por defecto, el `overlayBlur` está configurado a `none`. Pero aquí está cómo puedes usar la configuración `overlayBlur`. +Pero aquí está cómo puedes usar la configuración `overlayBlur`. Establece el desenfoque de superposición a `small`. Establece el desenfoque de superposición a `small`. @@ -304,14 +304,14 @@ const App = () => { }; ``` -#### Mezclar y combinar +#### Aquí hay algunas distintas formas en las que puedes utilizar diferentes temas, con las props `accentColor`, `borderRadius` y `fontStack` juntas. -Aquí hay algunas distintas formas en las que puedes utilizar diferentes temas, con las props `accentColor`, `borderRadius` y `fontStack` juntas. +Utilice el tema `lightTheme` -- Utilice el tema `lightTheme` - Establece el color de acento a un valor morado personalizado -- Establece el radio del borde a `medium` +- Establezca el radio del borde en `medio` - Establece la pila de fuentes en `system` +- Utilice el tema `midnightTheme` ```tsx import { RainbowKitProvider, lightTheme } from '@rainbow-me/rainbowkit'; @@ -333,10 +333,10 @@ const App = () => { }; ``` -- Utilice el tema `midnightTheme` - Establece el color de acento al preset incorporado `pink`. - Establece el radio del borde a `small` -- Establece la pila de fuentes en `system` +- Soporte para modo oscuro +- Utilice el tema `midnightTheme` ```tsx import { @@ -360,7 +360,7 @@ const App = () => { }; ``` -#### Soporte para modo oscuro +#### Si su aplicación utiliza la consulta de medios estándar `prefers-color-scheme: dark` para cambiar entre los modos de luz y oscuridad, puede proporcionar opcionalmente un objeto de tema dinámico que contenga los valores `lightMode` y `darkMode`. Si su aplicación utiliza la consulta de medios estándar `prefers-color-scheme: dark` para cambiar entre los modos de luz y oscuridad, puede proporcionar opcionalmente un objeto de tema dinámico que contenga los valores `lightMode` y `darkMode`. diff --git a/site/data/es-419/docs/wallet-button.mdx b/site/data/es-419/docs/wallet-button.mdx index 1b2e39eaea..24bd50bc4d 100644 --- a/site/data/es-419/docs/wallet-button.mdx +++ b/site/data/es-419/docs/wallet-button.mdx @@ -5,7 +5,7 @@ description: Uso y personalización del Botón de Billetera # Botón de Billetera -> Nota: El `WalletButton` actualmente depende del estándar de cartera EIP-1193, pero soportará EIP-6963 en un futuro cercano. +> Nota: El `WalletButton` actualmente depende del estándar de billetera EIP-1193, pero admitirá EIP-6963 en un futuro cercano. El nuevo componente `WalletButton` ayuda a las dApps con implementaciones personalizadas de la lista de billeteras a adoptar RainbowKit y todos sus beneficios sin necesidad de mantenimiento. diff --git a/site/data/es-419/guides/rainbowkit-wagmi-v2.mdx b/site/data/es-419/guides/rainbowkit-wagmi-v2.mdx index a606032fc3..ce45e30e7a 100644 --- a/site/data/es-419/guides/rainbowkit-wagmi-v2.mdx +++ b/site/data/es-419/guides/rainbowkit-wagmi-v2.mdx @@ -6,9 +6,9 @@ image: guide-rainbowkit-v2.png # Migrando a RainbowKit y Wagmi v2 -La dependencia de pares [wagmi](https://wagmi.sh) ha sido actualizada a `1.x.x`. +La dependencia de pares [wagmi](https://wagmi.sh) y [viem](https://viem.sh) han llegado a `2.x.x` con cambios disruptivos. -Sigue los pasos a continuación para migrar. +Sigue los pasos abajo para migrar. **1. Actualice RainbowKit, `wagmi`, y `viem` a sus últimas versiones** @@ -122,7 +122,7 @@ const config = getDefaultConfig({ }) ``` -**4. RainbowKitProvider** +**3. RainbowKitProvider** Ya no necesitas pasar `chains` a ``. @@ -131,7 +131,7 @@ Ya no necesitas pasar `chains` a ``. + ``` -**3. Cadenas Personalizadas** +**4. Cadenas Personalizadas** El tipo `Chain` ha cambiado de acuerdo con Wagmi v2, y continúa soportando los metadatos `iconUrl` e `iconBackground` de RainbowKit. @@ -193,9 +193,9 @@ Ejemplo con `createConfig`: }) ``` -**5. Carteras Personalizadas** +**5. Billeteras personalizadas** -RainbowKit ha adoptado el conector `WalletConnectLegacyConnector` en `wagmi` para continuar con el soporte de WalletConnect v1. El soporte para WalletConnect v2 y `WalletConnectConnector` pronto estará disponible como una versión de parche, sin cambios disruptivos. +RainbowKit wallet connectors han sufrido cambios sustanciales para soportar Wagmi v2. Consulte la [documentación actualizada](https://www.rainbowkit.com/docs/custom-wallets) y un [conector de ejemplo](packages/rainbowkit/src/wallets/walletConnectors/rainbowWallet/rainbowWallet.ts) para actualizar cualquier Conector de Billetera Personalizada en su dApp. Los conectores de billetera ahora también soportan el estándar EIP-6963 con la propiedad `rdns`. Asegúrese de que esto esté poblado para evitar referencias duplicadas a billeteras que soportan EIP-6963 en su lista de billeteras. diff --git a/site/data/es-419/guides/walletconnect-v2.mdx b/site/data/es-419/guides/walletconnect-v2.mdx index 00c9200eb0..6f040e3413 100644 --- a/site/data/es-419/guides/walletconnect-v2.mdx +++ b/site/data/es-419/guides/walletconnect-v2.mdx @@ -36,7 +36,7 @@ Se recomienda que las dApps `0.12.x` comiencen a actualizarse a wagmi v1, ya que **2. Suministrando un projectId** -Cada dApp que depende de WalletConnect ahora necesita obtener un `projectId` de [WalletConnect Cloud](https://cloud.walletconnect.com/). Esto es absolutamente gratis y solo toma unos minutos. +Cada dApp que depende de WalletConnect ahora necesita obtener un `projectId` de [WalletConnect Cloud](https://cloud.walletconnect.com/). Esto es absolutamente gratuito y solo lleva unos minutos. Proporcione su `projectId` a `getDefaultWallets` y a los conectores individuales de cartera de RainbowKit como en el siguiente ejemplo: @@ -65,7 +65,7 @@ RainbowKit es seguro en términos de tipos y te advertirá cuando un `projectId` - [Crear aplicación React](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-create-react-app) - [Next.js](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-next) - [Router de Aplicación Next.js](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-next-app) -- [Remix](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-remix) -- [Vite](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-vite) +- \[con [Remix](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-remix) +- \[con [Vite](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-vite) Consulta el [docs](https://www.rainbowkit.com/docs/custom-wallet-list#walletconnect) para otras opciones soportadas. diff --git a/site/data/fr/docs/chains.mdx b/site/data/fr/docs/chains.mdx index b3993d118e..7bedb74645 100644 --- a/site/data/fr/docs/chains.mdx +++ b/site/data/fr/docs/chains.mdx @@ -7,7 +7,7 @@ description: Personnalisation des chaînes ## Personnalisation des chaînes -RainbowKit est conçu pour s'intégrer avec [l'objet `chain` de wagmi](https://wagmi.sh/react/chains). Consultez la liste des chaînes prises en charge [here](https://wagmi.sh/react/chains#supported-chains). +RainbowKit est conçu pour s'intégrer avec [l'objet `chain` de wagmi](https://wagmi.sh/react/chains). Consultez la liste des chaînes prises en charge [ici](https://wagmi.sh/react/chains#supported-chains). ### Personnalisation de la chaîne initiale @@ -25,9 +25,9 @@ Pour plus de commodité, vous pouvez également passer un objet de chaîne. ``` -### Métadonnées de chaîne personnalisées +### Métadonnées des chaînes personnalisées -Plusieurs icônes et arrière-plans de chaîne sont fournis par défaut, mais vous pouvez personnaliser l'icône et l'arrière-plan pour chaque chaîne en utilisant les propriétés `iconUrl` et `iconBackground`. +Plusieurs icônes et fonds de chaîne sont fournis par défaut, mais vous pouvez personnaliser l'icône et le fond pour chaque chaîne en utilisant les propriétés `iconUrl` et `iconBackground`. Exemple avec `getDefaultConfig` diff --git a/site/data/fr/docs/connect-button.mdx b/site/data/fr/docs/connect-button.mdx index 216eba75d9..c26431c16f 100644 --- a/site/data/fr/docs/connect-button.mdx +++ b/site/data/fr/docs/connect-button.mdx @@ -7,7 +7,7 @@ description: Utilisation et personnalisation du ConnectButton ## Utilisation et personnalisation du ConnectButton -C'est le composant principal. Il est responsable du rendu du bouton de connexion/déconnexion, ainsi que de l'interface utilisateur de changement de chaîne. +Ceci est le composant principal. Il est responsable du rendu du bouton de connexion/déconnexion, ainsi que de l'interface d'échange de chaînes. ```tsx import { ConnectButton } from '@rainbow-me/rainbowkit'; @@ -17,11 +17,11 @@ export const YourApp = () => { }; ``` -> Note : Assurez-vous que votre application est enveloppée dans les fournisseurs nécessaires. [En savoir plus](/docs/installation#wrap-providers). +> Remarque: Assurez-vous que votre application est enveloppée par les fournisseurs nécessaires. [En savoir plus](/docs/installation#wrap-providers). ### Props -Le composant `ConnectButton` expose plusieurs props pour personnaliser son apparence, y compris le basculement de la visibilité des différents éléments. +Le composant `ConnectButton` expose plusieurs propriétés pour personnaliser son apparence, y compris la possibilité d'activer ou de désactiver la visibilité de différents éléments. -> Note : le point d'arrêt `largeScreen` intégré est de `768px`. +> Remarque: le point de rupture intégré `largeScreen` est de `768px`. ### Exemples -#### Label :) +#### Label -Utilisez la prop `label` pour définir un texte personnalisé pour `ConnectButton`. +Utilisez la propriété `label` pour définir un texte personnalisé du `ConnectButton`. ```tsx @@ -76,15 +76,15 @@ Utilisez la prop `label` pour définir un texte personnalisé pour `ConnectButto #### Statut du compte -Voici quelques différentes façons dont vous pouvez utiliser la prop `accountStatus`. +Voici quelques différentes façons d'utiliser la propriété `accountStatus`. -Affichez uniquement l'avatar du compte. +Afficher uniquement l'avatar du compte. ```tsx ``` -Affichez uniquement l'adresse du compte. +Afficher uniquement l'adresse du compte. ```tsx @@ -92,21 +92,21 @@ Affichez uniquement l'adresse du compte. #### Statut de la chaîne -Voici quelques différentes façons dont vous pouvez utiliser la prop `chainStatus`. +Voici quelques différentes façons d'utiliser la propriété `chainStatus`. -Affichez uniquement l'icône de la chaîne actuelle. +Afficher uniquement l'icône de la chaîne actuelle. ```tsx ``` -Affichez uniquement le nom de la chaîne actuelle. +Afficher uniquement le nom de la chaîne actuelle. ```tsx ``` -Masquer entièrement l'interface de la chaîne. +Masquer complètement l'interface de la chaîne. ```tsx @@ -114,7 +114,7 @@ Masquer entièrement l'interface de la chaîne. #### Afficher le solde -Utilisez la prop `showBalance` pour masquer/afficher le solde. +Utilisez la propriété `showBalance` pour masquer/afficher le solde. Masquer le solde. @@ -124,7 +124,7 @@ Masquer le solde. #### Responsive -Ces props peuvent également être définis dans un format responsive. +Ces propriétés peuvent également être définies dans un format responsive. Sur les petits écrans, affichez uniquement l'icône du compte. Mais sur les grands écrans, affichez l'icône et l'adresse. @@ -137,7 +137,7 @@ Sur les petits écrans, affichez uniquement l'icône du compte. Mais sur les gra /> ``` -Sur les petits écrans, masquez le solde. Mais sur les grands écrans, montrez-le. +Sur les petits écrans, masquez le solde. Mais sur les grands écrans, affichez-le. ```tsx ( ); ``` -### Mais qu'est-ce que c'est? +### Mais qu'est-ce que c'est ? -Explosions d'émojis lorsqu'un portefeuille est sélectionné à partir de la liste de portefeuilles 🌈🌈🌈. Il utilise l'icône du portefeuille que vous sélectionnez. +Explosions d'émojis lorsqu'un portefeuille est sélectionné dans la liste des portefeuilles 🌈🌈🌈. Il utilise l'icône du portefeuille que vous sélectionnez. #### Démo -Appuyez sur les boutons ci-dessous pour voir ce que le mode cool fait. +Appuyez sur les boutons ci-dessous pour voir ce que fait le mode cool. diff --git a/site/data/fr/docs/custom-app-info.mdx b/site/data/fr/docs/custom-app-info.mdx index da0ee92b43..2ad8dc5a8f 100644 --- a/site/data/fr/docs/custom-app-info.mdx +++ b/site/data/fr/docs/custom-app-info.mdx @@ -7,7 +7,7 @@ description: Personnalisation des informations de votre application ## Personnalisation des informations de votre application -Vous pouvez transmettre les informations de votre application dans la prop `appInfo` pour `RainbowKitProvider`. Les propriétés que vous pouvez modifier sont le nom de votre application (`appName`) et le lien vers lequel le bouton “En savoir plus” dans la modal de connexion redirige (`learnMoreUrl`) : +Vous pouvez passer les informations de votre application dans la propriété `appInfo` pour `RainbowKitProvider`. Les propriétés que vous pouvez modifier sont le nom de votre application (`appName`) et le lien où le bouton « En savoir plus » dans la fenêtre de connexion redirige (`learnMoreUrl`) : ```tsx import { RainbowKitProvider } from '@rainbow-me/rainbowkit'; @@ -27,9 +27,9 @@ const App = () => { }; ``` -### Ajouter un Avertissement +### Ajouter un avertissement -Vous pouvez fournir votre propre avertissement à afficher en bas de la modal de connexion. La propriété `disclaimer` dans `appInfo` prend un `DisclaimerComponent` avec les arguments `Text` et `Link`. Vous pouvez l'utiliser pour créer votre propre avertissement qui hérite du système de thème. Nous exportons le type `DisclaimerComponent` pour les utilisateurs de TypeScript : +Vous pouvez fournir votre propre avertissement à afficher en bas de la fenêtre de connexion. La propriété `disclaimer` dans `appInfo` prend un `DisclaimerComponent` avec les arguments `Text` et `Link`. Vous pouvez l'utiliser pour construire votre propre avertissement qui hérite du système de thème. Nous exportons le type `DisclaimerComponent` pour les utilisateurs de TypeScript : ```tsx import { diff --git a/site/data/fr/docs/custom-avatars.mdx b/site/data/fr/docs/custom-avatars.mdx index c97ee7fdc5..f01e6a7844 100644 --- a/site/data/fr/docs/custom-avatars.mdx +++ b/site/data/fr/docs/custom-avatars.mdx @@ -1,13 +1,13 @@ --- title: Avatars personnalisés -description: Personnaliser l'avatar des utilisateurs de votre application +description: Personnalisation de l'avatar utilisateur de votre application --- # Avatars personnalisés -## Personnaliser l'avatar des utilisateurs de votre application +## Personnalisation de l’avatar utilisateur de votre application -Par défaut, nous fournissons un avatar pour les utilisateurs au cas où leur image ENS n'est pas définie, mais vous pouvez personnaliser ceci en fournissant votre propre composant avatar. Vous pouvez importer le type `AvatarComponent` si vous utilisez TypeScript : +Par défaut, nous fournissons un avatar pour les utilisateurs si leur image ENS n'est pas définie, mais vous pouvez personnaliser cela en fournissant votre propre composant avatar. Vous pouvez importer le type `AvatarComponent` si vous utilisez TypeScript : ```tsx import { @@ -48,4 +48,4 @@ const App = () => { }; ``` -Le `AvatarComponent` passé à la propriété `avatar` a des types de propriété comme suit : `<{ address: string; ensImage?: string | null; size: number;}>` +Le `AvatarComponent` passé à la prop `avatar` a des types de prop comme suit : `<{ address: string; ensImage?: string | null; size: number;}>` diff --git a/site/data/fr/docs/custom-chains.mdx b/site/data/fr/docs/custom-chains.mdx index 6f44bf41d8..c3363d833e 100644 --- a/site/data/fr/docs/custom-chains.mdx +++ b/site/data/fr/docs/custom-chains.mdx @@ -7,7 +7,7 @@ description: Créer une chaîne personnalisée ## Créer une chaîne personnalisée -Vous pouvez utiliser le type `Chain` pour vous aider à créer une chaîne personnalisée. Ensuite, passez cela à `getDefaultConfig` ou à la fonction [`createConfig`](https://wagmi.sh/core/api/createConfig#createconfig) de Wagmi. +Vous pouvez utiliser le type `Chain` pour vous aider à créer une chaîne personnalisée. Ensuite, passez cela à `getDefaultConfig` ou [`createConfig`](https://wagmi.sh/core/api/createConfig#createconfig) de Wagmi. Par exemple, voici comment vous pouvez créer une chaîne Avalanche pour [avax.network](https://avax.network). diff --git a/site/data/fr/docs/custom-connect-button.mdx b/site/data/fr/docs/custom-connect-button.mdx index 48d2396ac2..df238b3c0c 100644 --- a/site/data/fr/docs/custom-connect-button.mdx +++ b/site/data/fr/docs/custom-connect-button.mdx @@ -9,7 +9,7 @@ description: Création d'un bouton de connexion personnalisé Vous pouvez utiliser le `ConnectButton.Custom` de bas niveau pour créer votre propre bouton de connexion personnalisé. Ce composant rend une fonction, qui comprend tout ce dont vous avez besoin pour réimplémenter les boutons intégrés. -Une réimplémentation minimale des boutons intégrés ressemblerait à ceci: +Une réimplémentation minimale des boutons intégrés ressemblerait à ceci : ```tsx import { ConnectButton } from '@rainbow-me/rainbowkit'; diff --git a/site/data/fr/docs/custom-theme.mdx b/site/data/fr/docs/custom-theme.mdx index 93a42cf7e3..8eab0be183 100644 --- a/site/data/fr/docs/custom-theme.mdx +++ b/site/data/fr/docs/custom-theme.mdx @@ -7,11 +7,11 @@ description: Création d'un thème personnalisé ## Création d'un thème personnalisé -> Note: Cette API est instable et susceptible de changer -> dans un futur proche. Nous recommandons de rester avec les [thèmes intégrés](/docs/theming) pour -> maintenant. +> Note : Cette API est instable et susceptible de changer +> dans un futur proche. Nous recommandons de s'en tenir aux [thèmes intégrés](/docs/theming) pour +> le moment. -Alors que les thèmes intégrés offrent un certain niveau de personnalisation, le type `Theme` est fourni pour vous aider à définir vos propres thèmes personnalisés avec un accès de niveau inférieur aux variables de thème sous-jacentes. +Bien que les thèmes intégrés offrent un certain niveau de personnalisation, le type `Theme` est fourni pour vous aider à définir vos propres thèmes personnalisés avec un accès de bas niveau aux variables de thème sous-jacentes. ```tsx import { RainbowKitProvider, Theme } from '@rainbow-me/rainbowkit'; @@ -79,17 +79,17 @@ const App = () => ( ) ``` -### Étendre un thème intégré +### Extension d'un thème intégré -Vous pouvez étendre un thème intégré sans avoir besoin de re-définir le thème entier. C'est utile lorsque vous souhaitez seulement remplacer des jetons de thème spécifiques. +Vous pouvez étendre un thème intégré sans avoir à redéfinir tout le thème. Ceci est utile lorsque vous souhaitez simplement remplacer des tokens de thème spécifiques. -Pour faire cela, installez `lodash.merge` (ou équivalent): +Pour ce faire, installez `lodash.merge` (ou équivalent) : ```bash npm install lodash.merge ``` -Importez-le, avec le thème que vous souhaitez étendre (par exemple: `darkTheme`) et le type `Theme` de TypeScript: +Importez-le, ainsi que le thème que vous souhaitez étendre (par exemple : `darkTheme`) et le type TypeScript `Theme` : ```tsx import merge from 'lodash.merge'; @@ -100,7 +100,7 @@ import { } from '@rainbow-me/rainbowkit'; ``` -Ensuite, fusionnez le thème intégré, avec les jetons de thème que vous aimeriez remplacer. Dans cet exemple, je remplace le jeton `accentColor` pour qu'il corresponde à la couleur d'accent de ma marque. +Ensuite, fusionnez le thème intégré avec les tokens de thème que vous souhaitez remplacer. Dans cet exemple, je remplace le token `accentColor` pour correspondre à la couleur d'accent de ma marque. ```tsx const myTheme = merge(darkTheme(), { @@ -110,7 +110,7 @@ const myTheme = merge(darkTheme(), { } as Theme); ``` -En fin de compte, vous pouvez désormais passer votre thème personnalisé à la propriété `theme` de `RainbowKitProvider`. +Enfin, vous pouvez maintenant passer votre thème personnalisé à la propriété `theme` de `RainbowKitProvider`. ```tsx const App = () => { @@ -124,14 +124,14 @@ const App = () => { ### Création de sélecteurs de thème personnalisés -Si votre application est rendue sur le serveur/statiquement et permet aux utilisateurs de basculer manuellement entre les thèmes, le système de thématisation de RainbowKit peut être connecté à des sélecteurs CSS personnalisés avec les fonctions suivantes qui peuvent être utilisées avec n'importe quel système CSS-in-JS : +Si votre application est rendue de manière serveur ou statiquement et permet aux utilisateurs de basculer manuellement entre les thèmes, le système de thématisation de RainbowKit peut être relié à des sélecteurs CSS personnalisés avec les fonctions suivantes qui peuvent être utilisées avec tout système CSS-in-JS : - `cssStringFromTheme` - `cssObjectFromTheme` -Ces fonctions renvoient du CSS qui définit toutes les variables de thème requises. Comme les chaînes et les objets sont pris en charge, cela peut être intégré avec n'importe quel système CSS-in-JS. +Ces fonctions renvoient du CSS qui définit toutes les variables de thème requises. Puisque les chaînes et les objets sont pris en charge, cela peut être intégré à tout système CSS-in-JS. -Comme exemple de base, vous pouvez rendre votre propre élément `style` avec des sélecteurs personnalisés pour chaque thème. Comme nous prenons le contrôle du rendu du CSS du thème, nous passons `null` à la propriété `theme` pour que RainbowKitProvider ne rende aucun style pour nous. Notez également l'utilisation de l'option extends sur la fonction cssStringFromTheme qui omet toutes les variables de thème qui sont identiques au thème de base. +Pour un exemple de base, vous pouvez rendre votre propre élément `style` avec des sélecteurs personnalisés pour chaque thème. Puisque nous prenons le contrôle du rendu du CSS du thème, nous passons `null` à la propriété `theme` afin que RainbowKitProvider ne rende aucun style pour nous. Notez également l'utilisation de l'option extends sur la fonction cssStringFromTheme qui omet toutes les variables de thème identiques au thème de base. ```tsx import { diff --git a/site/data/fr/docs/custom-wallet-list.mdx b/site/data/fr/docs/custom-wallet-list.mdx index 6a915b4a6e..944f8a5bff 100644 --- a/site/data/fr/docs/custom-wallet-list.mdx +++ b/site/data/fr/docs/custom-wallet-list.mdx @@ -78,7 +78,7 @@ import { walletConnectWallet } from '@rainbow-me/rainbowkit/wallets'; ##### Portefeuille Injecté -Il s'agit d'une option de portefeuille de secours conçue pour les scénarios où `window.ethereum` existe mais n'a pas été fourni par un autre portefeuille de la liste. Ce portefeuille se cachera automatiquement de la liste lorsque le secours n'est pas nécessaire ou s'il n'y a pas de portefeuille injecté disponible. +Il s'agit d'une option de portefeuille de secours conçue pour les scénarios où `window.ethereum` existe mais n'a pas été fourni par un autre portefeuille dans la liste. Ce portefeuille se cachera automatiquement de la liste lorsque le recours n'est pas nécessaire ou s'il n'y a pas de portefeuille injecté disponible. **Il est recommandé d'inclure toujours ce portefeuille dans la liste pour assurer la prise en charge de tous les portefeuilles injectés.** @@ -86,9 +86,9 @@ Il s'agit d'une option de portefeuille de secours conçue pour les scénarios o import { injectedWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -##### Wallet Sécurisé +##### Portefeuille Safe -Pour les dApps qui supportent les Safe Apps afin de permettre aux utilisateurs de se connecter facilement avec leur coffre-fort Safe ou multi-signature, incluez l'option `safeWallet` pour les connexions automatiques. L'option Safe n'apparaîtra que dans l'environnement de navigateur Wallet Sécurisé. +Pour les dApps qui prennent en charge les Safe Apps pour permettre aux utilisateurs de se connecter facilement à leur coffre-fort Safe ou multi-signature, incluez l'option `safeWallet` pour des connexions automatiques. L'option Safe n'apparaîtra que dans l'environnement du navigateur Safe Wallet. ```tsx import { safeWallet } from '@rainbow-me/rainbowkit/wallets'; @@ -98,12 +98,24 @@ import { safeWallet } from '@rainbow-me/rainbowkit/wallets'; Les wallets suivants sont fournis via l'objet `wallet` (par ordre alphabétique). +#### Portefeuille 1inch + +```tsx +import { oneInchWallet } from '@rainbow-me/rainbowkit/wallets'; +``` + #### Argent ```tsx import { argentWallet } from '@rainbow-me/rainbowkit/wallets'; ``` +#### Portefeuille Binance Web3 + +```tsx +import { binanceWallet } from '@rainbow-me/rainbowkit/wallets'; +``` + #### Bitget ```tsx @@ -134,33 +146,27 @@ import { bitverseWallet } from '@rainbow-me/rainbowkit/wallets'; import { bloomWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Portefeuille Bybit - -```tsx -import { bybitWallet } from '@rainbow-me/rainbowkit/wallets'; -``` - #### Portefeuille Brave ```tsx import { braveWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Binance Web3 Wallet +#### Portefeuille Bybit ```tsx -import { binanceWallet } from '@rainbow-me/rainbowkit/wallets'; +import { bybitWallet } from '@rainbow-me/rainbowkit/wallets'; ``` #### Coinbase Ce connecteur de portefeuille prend en charge à la fois l'application et l'extension Coinbase Wallet, ainsi que Coinbase Smart Wallet sur le Web. -Un argument `preference` est disponible pour contrôler si le Smart Wallet est activé et disponible pour les utilisateurs. Le comportement basé sur les préférences est documenté [ici](https://www.smartwallet.dev/sdk/makeWeb3Provider#parameters). +Un argument `preference` est disponible pour contrôler si Smart Wallet est activé et disponible pour les utilisateurs. Le comportement basé sur les préférences est documenté [ici](https://www.smartwallet.dev/sdk/makeWeb3Provider#parameters). Smart Wallet sera activé par défaut avec `all` début juin, sans mise à jour supplémentaire. -Les développeurs peuvent tester Smart Wallet avec les chaînes `sepolia` et `baseSepolia` dès aujourd'hui en définissant `smartWalletOnly` et en incluant `coinbaseWallet` dans leur liste de portefeuilles comme ceci : +Les développeurs peuvent tester Smart Wallet avec les chaînes `sepolia` et `baseSepolia` dès aujourd'hui en définissant `smartWalletOnly` et en incluant `coinbaseWallet` dans leur liste de portefeuilles comme suit : ```tsx import { coinbaseWallet } from '@rainbow-me/rainbowkit/wallets'; @@ -169,16 +175,16 @@ import { coinbaseWallet } from '@rainbow-me/rainbowkit/wallets'; coinbaseWallet.preference = 'smartWalletOnly'; ``` -#### Compass Wallet +#### Portefeuille Coin98 ```tsx -import { compassWallet } from '@rainbow-me/rainbowkit/compassWallet'; +import { coin98Wallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Coin98 Wallet +#### Portefeuille Compass ```tsx -import { coin98Wallet } from '@rainbow-me/rainbowkit/wallets'; +import { compassWallet } from '@rainbow-me/rainbowkit/compassWallet'; ``` #### Core @@ -187,13 +193,13 @@ import { coin98Wallet } from '@rainbow-me/rainbowkit/wallets'; import { coreWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Dawn Wallet +#### Portefeuille Dawn ```tsx import { dawnWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Enkrypt Wallet +#### Portefeuille Enkrypt ```tsx import { enkryptWallet } from '@rainbow-me/rainbowkit/wallets'; @@ -205,13 +211,13 @@ import { enkryptWallet } from '@rainbow-me/rainbowkit/wallets'; import { foxWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Frame Wallet +#### Portefeuille Frame ```tsx import { frameWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Frontier Wallet +#### Portefeuille Frontier ```tsx import { frontierWallet } from '@rainbow-me/rainbowkit/wallets'; @@ -223,19 +229,31 @@ import { frontierWallet } from '@rainbow-me/rainbowkit/wallets'; import { gateWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Ledger Live +#### imToken ```tsx -import { ledgerWallet } from '@rainbow-me/rainbowkit/wallets'; +import { imTokenWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### imToken +#### Portefeuille ioPay ```tsx -import { imTokenWallet } from '@rainbow-me/rainbowkit/wallets'; +import { iopayWallet } from '@rainbow-me/rainbowkit/wallets'; +``` + +#### Portefeuille Kaia + +```tsx +import { kaiaWallet } from '@rainbow-me/rainbowkit/wallets'; +``` + +#### Kaikas + +```tsx +import { kaikasWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Kraken Wallet +#### Portefeuille Kraken ```tsx import { krakenWallet } from '@rainbow-me/rainbowkit/wallets'; @@ -247,31 +265,31 @@ import { krakenWallet } from '@rainbow-me/rainbowkit/wallets'; import { kresusWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Kaikas +#### Ledger Live ```tsx -import { kaikasWallet } from '@rainbow-me/rainbowkit/wallets'; +import { ledgerWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Magic Eden Wallet +#### Portefeuille Magic Eden ```tsx import { magicEdenWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### MetaMask +#### Portefeuille MEW ```tsx -import { metaMaskWallet } from '@rainbow-me/rainbowkit/wallets'; +import { mewWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### MEW Wallet +#### MetaMask ```tsx -import { mewWallet } from '@rainbow-me/rainbowkit/wallets'; +import { metaMaskWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### OKX Wallet +#### Portefeuille OKX ```tsx import { okxWallet } from '@rainbow-me/rainbowkit/wallets'; @@ -283,12 +301,6 @@ import { okxWallet } from '@rainbow-me/rainbowkit/wallets'; import { omniWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Portefeuille 1inch - -```tsx -import { oneInchWallet } from '@rainbow-me/rainbowkit/wallets'; -``` - #### OneKey ```tsx @@ -301,7 +313,7 @@ import { oneKeyWallet } from '@rainbow-me/rainbowkit/wallets'; import { phantomWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Rabby Wallet +#### Portefeuille Rabby ```tsx import { rabbyWallet } from '@rainbow-me/rainbowkit/wallets'; @@ -337,7 +349,7 @@ import { safeheronWallet } from '@rainbow-me/rainbowkit/wallets'; import { tahoWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Talisman +#### Portefeuille Talisman ```tsx import { talismanWallet } from '@rainbow-me/rainbowkit/wallets'; @@ -355,19 +367,19 @@ import { tokenaryWallet } from '@rainbow-me/rainbowkit/wallets'; import { tokenPocketWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Trust Wallet +#### Portefeuille Trust ```tsx import { trustWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Uniswap Wallet +#### Portefeuille Uniswap ```tsx import { uniswapWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### XDEFI Wallet +#### Portefeuille XDEFI ```tsx import { xdefiWallet } from '@rainbow-me/rainbowkit/wallets'; diff --git a/site/data/fr/docs/installation.mdx b/site/data/fr/docs/installation.mdx index e144cc55d6..d6153afb1a 100644 --- a/site/data/fr/docs/installation.mdx +++ b/site/data/fr/docs/installation.mdx @@ -116,7 +116,7 @@ Certains outils de construction nécessiteront une configuration supplémentaire ##### Remix -Lorsque vous utilisez [Remix](https://remix.run), vous devez polyfiller les modules `buffer`, `events` et `http`. Référencez la configuration Remix ci-dessous, ou [notre exemple de projet Remix](https://github.com/rainbow-me/rainbowkit/blob/main/examples/with-remix). +Lors de l'utilisation de [Remix](https://remix.run), vous devez polyfill les modules `buffer`, `events` et `http`. Référez-vous à la configuration Remix ci-dessous, ou à [notre exemple de projet Remix](https://github.com/rainbow-me/rainbowkit/blob/main/examples/with-remix). ```ts /** @type {import('@remix-run/dev').AppConfig} */ @@ -128,11 +128,11 @@ export default { }; ``` -### Préparation au déploiement +### Préparer le déploiement -Par défaut, votre dApp utilise des fournisseurs RPC publics pour chaque chaîne afin de récupérer les soldes, résoudre les noms ENS, et plus encore. Cela peut souvent causer des problèmes de fiabilité pour vos utilisateurs car les nœuds publics sont limités en taux. Vous devriez plutôt acheter un accès à un fournisseur RPC via des services tels que [Alchemy](https://www.alchemy.com/) ou [QuickNode](https://www.quicknode.com/), et définir vos propres Transports dans Wagmi. Cela peut être réalisé en ajoutant le paramètre `transports` dans `getDefaultConfig` ou directement via `createConfig` de Wagmi. +Par défaut, votre dApp utilise des fournisseurs RPC publics pour chaque chaîne afin de récupérer les soldes, résoudre les noms ENS, et plus. Cela peut souvent causer des problèmes de fiabilité pour vos utilisateurs car les nœuds publics sont limités en termes de taux. Vous devriez plutôt acheter l'accès à un fournisseur RPC via des services comme [Alchemy](https://www.alchemy.com/) ou [QuickNode](https://www.quicknode.com/), et définir vos propres Transports dans Wagmi. Cela peut être réalisé en ajoutant le paramètre `transports` dans `getDefaultConfig` ou directement via la fonction `createConfig` de Wagmi. -Un Transport est la couche intermédiaire de réseau qui gère l'envoi des requêtes JSON-RPC au fournisseur de nœuds Ethereum (comme Alchemy, Infura, etc). +Un Transport est la couche intermédiaire de mise en réseau qui gère l'envoi des requêtes JSON-RPC au fournisseur de nœud Ethereum (comme Alchemy, Infura, etc.). **Exemple avec un transport `http`** @@ -152,21 +152,21 @@ const config = getDefaultConfig({ }); ``` -Pour plus de détails, consultez la [documentation sur les transports wagmi](https://wagmi.sh/core/api/transports#transports). +Pour plus de détails, consultez la [documentation wagmi](https://wagmi.sh/core/api/transports#transports). ### Ajoutez votre propre fonctionnalité -Maintenant que vos utilisateurs peuvent connecter leurs portefeuilles, vous pouvez commencer à construire le reste de votre application en utilisant [wagmi.](https://wagmi.sh) +Maintenant que vos utilisateurs peuvent connecter leurs portefeuilles, vous pouvez commencer à construire le reste de votre application en utilisant [wagmi](https://wagmi.sh) Envoyez des transactions, interagissez avec des contrats, résolvez les détails ENS et bien plus encore avec la suite complète de React Hooks de wagmi. -Pour plus de détails, consultez la [documentation wagmi.](https://wagmi.sh) +Pour plus de détails, consultez la [documentation wagmi](https://wagmi.sh) ### Exemples supplémentaires Pour voir quelques exemples d'exécution de RainbowKit, ou même les utiliser pour automatiser la création d'un nouveau projet, consultez les [exemples officiels](https://github.com/rainbow-me/rainbowkit/tree/main/examples). -Pour essayer RainbowKit directement dans votre navigateur, consultez les liens CodeSandbox ci-dessous: +Pour essayer RainbowKit directement dans votre navigateur, consultez les liens CodeSandbox ci-dessous : - avec [Create React App](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-create-react-app) - avec [Next.js](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-next) diff --git a/site/data/fr/docs/localization.mdx b/site/data/fr/docs/localization.mdx index 19cf6e1007..1727752c50 100644 --- a/site/data/fr/docs/localization.mdx +++ b/site/data/fr/docs/localization.mdx @@ -66,25 +66,27 @@ Nous offrons une assistance complète pour les régions `locale` suivantes :
diff --git a/site/data/fr/docs/migration-guide.mdx b/site/data/fr/docs/migration-guide.mdx index dcc83a3c07..af71155316 100644 --- a/site/data/fr/docs/migration-guide.mdx +++ b/site/data/fr/docs/migration-guide.mdx @@ -6,7 +6,7 @@ title: Guide de migration ## Migration de RainbowKit -### Changements incompatibles 2.x.x +### 2.x.x Changements incompatibles Les dépendances parallèles [wagmi](https://wagmi.sh) et [viem](https://viem.sh) ont atteint `2.x.x` avec des changements incompatibles. @@ -201,7 +201,7 @@ Les connecteurs de portefeuille RainbowKit ont subi d'importantes modifications Les connecteurs de portefeuille prennent également désormais en charge la norme EIP-6963 avec la propriété `rdns`. Assurez-vous que cela est renseigné pour éviter les références en double aux portefeuilles prenant en charge l'EIP-6963 dans votre liste de portefeuilles. -### 1.x.x Modifications rompant la rétrocompatibilité +### 1.x.x Changements incompatibles #### Mis à jour vers wagmi v1 @@ -231,17 +231,17 @@ Dans les versions précédentes de wagmi qui dépendaient de [ethers](https://do Consultez notre [Config Next.js Webpack](https://github.com/rainbow-me/rainbowkit/blob/main/examples/with-next/next.config.js) et les exemples de [polyfills de Create React App](https://github.com/rainbow-me/rainbowkit/blob/main/examples/with-create-react-app/src/polyfills.ts) pour obtenir des conseils de configuration pour votre projet. -Des guides supplémentaires pour le framework Vite et Remix sont disponibles [here](https://www.rainbowkit.com/docs/installation#additional-build-tooling-setup). +Des guides supplémentaires pour le framework Vite et Remix sont disponibles [ici](https://www.rainbowkit.com/docs/installation#additional-build-tooling-setup). -**4. Vérifiez les modifications importantes dans `wagmi`** +**4. Vérifiez les changements majeurs dans `wagmi`** Si vous utilisez les crochets `wagmi` dans votre application, vous devrez suivre le guide de migration `wagmi` vers v1. -[Vous pouvez consulter leur guide de migration ici](https://wagmi.sh/react/migration-guide). +[Vous pouvez voir leur guide de migration ici](https://wagmi.sh/react/migration-guide). -### Modifications importantes en 0.12.x +### 0.12.x Changements incompatibles -La dépendance homologue `wagmi` a été mise à jour en `0.12.x`. +La dépendance pair à pair de wagmi a été mise à jour vers `0.12.x`. RainbowKit a adopté le connecteur `WalletConnectLegacyConnector` dans `wagmi` pour un support continu de WalletConnect v1. Le support pour WalletConnect v2 et `WalletConnectConnector` sera bientôt disponible dans une mise à jour mineure, sans changements de rupture. @@ -251,7 +251,7 @@ Chaque dApp doit maintenant fournir un `projectId` [WalletConnect Cloud](https:/ Suivez les étapes ci-dessous pour migrer. -#### 1. Mettez à jour RainbowKit et `wagmi` à leur dernière version +#### 1. Mettez à jour RainbowKit et `wagmi` vers leur dernière version ```bash npm i @rainbow-me/rainbowkit@^0.12.0 wagmi@^0.12.0 @@ -285,13 +285,13 @@ const connectors = connectorsForWallets([ ]); ``` -### Changements majeurs en 0.11.x +### 0.11.x Changements incompatibles La dépendance pair à pair de wagmi a été mise à jour vers `0.11.x`. Suivez les étapes ci-dessous pour migrer. -#### 1. Mettez à jour RainbowKit et `wagmi` à leur dernière version +#### 1. Mettez à jour RainbowKit et `wagmi` vers leur dernière version ```bash npm i @rainbow-me/rainbowkit@^0.11.0 wagmi@^0.11.0 @@ -303,13 +303,13 @@ Si vous utilisez les hooks `wagmi` dans votre application, vous devrez vérifier [Vous pouvez voir leur guide de migration ici](https://wagmi.sh/react/migration-guide#011x-breaking-changes). -### Changements majeurs en 0.10.x +### 0.10.x Changements incompatibles La dépendance pair à pair de wagmi a été mise à jour vers `0.10.x`. Suivez les étapes ci-dessous pour migrer. -#### 1. Mettez à jour RainbowKit et `wagmi` à leur dernière version +#### 1. Mettez à jour RainbowKit et `wagmi` vers leur dernière version ```bash npm i @rainbow-me/rainbowkit@^0.10.0 wagmi@^0.10.0 @@ -319,15 +319,15 @@ npm i @rainbow-me/rainbowkit@^0.10.0 wagmi@^0.10.0 Si vous utilisez les hooks `wagmi` dans votre application, vous devrez vérifier si votre application a été affectée par les changements majeurs dans `wagmi`. -[Vous pouvez consulter leur guide de migration ici](https://wagmi.sh/react/migration-guide#010x-breaking-changes). +[Vous pouvez voir leur guide de migration ici](https://wagmi.sh/react/migration-guide#010x-breaking-changes). -### Changements majeurs de la version 0.9.x +### 0.9.x Changements incompatibles -La dépendance pair à pair de wagmi a été mise à jour à `0.9.x`. +La dépendance pair à pair de wagmi a été mise à jour vers `0.9.x`. Suivez les étapes ci-dessous pour migrer. -#### 1. Mettez à jour RainbowKit et `wagmi` à leur dernière version +#### 1. Mettez à jour RainbowKit et `wagmi` vers leur dernière version ```bash npm i @rainbow-me/rainbowkit@^0.9.0 wagmi@^0.9.0 @@ -337,15 +337,15 @@ npm i @rainbow-me/rainbowkit@^0.9.0 wagmi@^0.9.0 Si vous utilisez les hooks `wagmi` dans votre application, vous devrez vérifier si votre application a été affectée par les changements majeurs dans `wagmi`. -[Vous pouvez consulter leur guide de migration ici](https://wagmi.sh/react/migration-guide#09x-breaking-changes). +[Vous pouvez voir leur guide de migration ici](https://wagmi.sh/react/migration-guide#09x-breaking-changes). -### Modifications importantes 0.8.x +### 0.8.x Changements incompatibles -La dépendance de pairs wagmi a été mise à jour à `0.8.x`. +La dépendance pair à pair de wagmi a été mise à jour à `0.8.x`. Suivez les étapes ci-dessous pour migrer. -#### 1. Mettez à jour RainbowKit et `wagmi` à leur dernière version +#### 1. Mettez à jour RainbowKit et `wagmi` vers leur dernière version ```bash npm i @rainbow-me/rainbowkit@^0.8.0 wagmi@^0.8.0 @@ -357,7 +357,7 @@ Si vous utilisez les hooks `wagmi` dans votre application, vous devrez vérifier [Vous pouvez voir leur guide de migration ici](https://wagmi.sh/react/migration-guide#08x-breaking-changes). -### Changements majeurs en 0.7.x +### 0.7.x Changements incompatibles Si vous créez une liste de portefeuilles personnalisée, vous devez maintenant importer chaque portefeuille individuellement afin de réduire la taille du bundle. Notez que puisque les portefeuilles ne sont plus espacés de noms via l'objet `wallet`, tous les portefeuilles ont maintenant un suffixe `Wallet`. @@ -398,7 +398,7 @@ const wallets = [ ]; ``` -### Changements majeurs en 0.4.x +### 0.4.x Changements incompatibles RainbowKit a mis à jour la dépendance `wagmi` à `0.5.x`. @@ -416,7 +416,7 @@ npm i @rainbow-me/rainbowkit@^0.4.0 wagmi@^0.5.0 Si vous utilisez les hooks `wagmi` dans votre application, vous devrez vérifier si votre application a été affectée par les changements majeurs dans `wagmi`. -[Vous pouvez voir leur guide de migration ici](https://wagmi.sh/react/migration-guide#05x-breaking-changes). +[Vous pouvez consulter leur guide de migration ici](https://wagmi.sh/react/migration-guide#05x-breaking-changes). ### 0.3.x Changements majeurs @@ -478,7 +478,7 @@ const connectors = connectorsForWallets([ ]); ``` -### Changements de rupture 0.2.x +### 0.2.x Changements majeurs RainbowKit a mis à jour la dépendance homologue `wagmi` à `^0.4`. diff --git a/site/data/fr/docs/modal-hooks.mdx b/site/data/fr/docs/modal-hooks.mdx index 7813aff35e..6511f9c40c 100644 --- a/site/data/fr/docs/modal-hooks.mdx +++ b/site/data/fr/docs/modal-hooks.mdx @@ -7,13 +7,13 @@ description: Ouvrez les modales de manière programmatique via Hooks ## Ouvrez les modales de manière programmatique via Hooks -Les Hooks suivants sont fournis pour permettre l'ouverture programmatique de modaux n'importe où dans votre application. +Les Hooks suivants sont fournis pour permettre l'ouverture programmatique de modales n'importe où dans votre application. - `useConnectModal` - `useAccountModal` - `useChainModal` -Chacun de ces Hooks renvoie un objet avec une fonction pour ouvrir son modal respectif. Notez que les fonctions renvoyées seront indéfinies si votre application n'est pas dans l'état requis pour que le modal soit ouvert. +Chacun de ces Hooks renvoie un objet avec une fonction pour ouvrir sa modale respective. Notez que les fonctions retournées seront indéfinies si votre application n'est pas dans l'état requis pour que la modale s'ouvre. ```tsx import { @@ -51,7 +51,7 @@ export const YourApp = () => { }; ``` -Chaque hook renvoie également un booléen pour l'état du modal. Il est généralement recommandé de vous fier purement aux hooks Wagmi (c'est-à-dire `useAccount`) pour réagir directement au statut de connexion du portefeuille d'un utilisateur, plutôt que de vous fier à l'état du Connect Modal. +Chaque hook renvoie également un booléen pour le statut de la modale. Il est généralement recommandé de s'appuyer uniquement sur les hooks Wagmi (c'est-à-dire `useAccount`) pour réagir directement au statut de connexion du portefeuille d'un utilisateur, plutôt que de dépendre de l'état de la modale de connexion. ```tsx const { connectModalOpen } = useConnectModal(); @@ -59,6 +59,6 @@ const { accountModalOpen } = useAccountModal(); const { chainModalOpen } = useChainModal(); ``` -RainbowKit est conçu pour être non-interruptif et réactif, donc les dApps devraient toujours rendre une interface pour les utilisateurs qu'ils aient ou non connecté leur portefeuille. Un utilisateur pourrait connecter ou déconnecter son portefeuille directement à partir de MetaMask, donc le dApp doit être réactif au statut de connexion sous-jacent directement. +RainbowKit est conçu pour être non intrusif et réactif, donc les dApps doivent toujours fournir une interface pour les utilisateurs qu'ils aient connecté ou non leur portefeuille. Un utilisateur pourrait connecter ou déconnecter son portefeuille directement depuis MetaMask, donc la dApp doit être réactive à l'état de connexion sous-jacent directement. -Les dApps qui dépendent de mécanismes comme Sign-in with Ethereum pour la vérification des utilisateurs devraient plutôt dépendre de la fonction [Authentication](/docs/authentication). +Les dApps qui s'appuient sur des mécanismes comme Sign-in with Ethereum pour la vérification des utilisateurs devraient plutôt s'appuyer sur la fonctionnalité [Authentication](/docs/authentication). diff --git a/site/data/fr/docs/modal-sizes.mdx b/site/data/fr/docs/modal-sizes.mdx index a5458fb17a..e05e5bc5b7 100644 --- a/site/data/fr/docs/modal-sizes.mdx +++ b/site/data/fr/docs/modal-sizes.mdx @@ -5,17 +5,17 @@ description: Large vs. Compact # Tailles de modale -## Large vs. taille compacte +## Large vs. Taille compacte -Par défaut, la `modalSize` de RainbowKit est définie sur `large` (et ressemble à ceci) : +Par défaut, la taille de la modale de RainbowKit est définie sur `large` (et ressemble à ceci) : -Nous proposons également une taille de modale `compact`, qui ressemble à ceci : +Nous proposons également une taille de modale `compacte`, qui ressemble à ceci : -Pour définir la taille de votre modale sur `compact`, ajoutez simplement `modalSize="compact"` en tant que prop dans votre `RainbowKitProvider` : +Pour définir la taille de votre modale en `compact`, ajoutez simplement `modalSize="compact"` en tant que prop dans votre `RainbowKitProvider` : ```tsx import { RainbowKitProvider } from '@rainbow-me/rainbowkit'; diff --git a/site/data/fr/docs/recent-transactions.mdx b/site/data/fr/docs/recent-transactions.mdx index cc65ef6326..b5bc947b26 100644 --- a/site/data/fr/docs/recent-transactions.mdx +++ b/site/data/fr/docs/recent-transactions.mdx @@ -7,11 +7,11 @@ description: Montrez vos transactions récentes ## Montrez vos transactions récentes -Vous pouvez opter pour afficher les transactions récentes dans le modal de compte RainbowKit. Notez que toutes les transactions sont conservées dans le stockage local et doivent être enregistrées manuellement avec RainbowKit pour être affichées. +Vous pouvez choisir d'afficher les transactions récentes dans la fenêtre de compte de RainbowKit. Notez que toutes les transactions sont conservées dans le stockage local et doivent être enregistrées manuellement avec RainbowKit pour être affichées. -L'implémentation par défaut du `ConnectButton` affiche également un indicateur de chargement autour de l'avatar de l'utilisateur s'il y a des transactions en attente. Les implémentations personnalisées de `ConnectButton` peuvent recréer ce comportement via la propriété `account.hasPendingTransactions` qui est passée à votre fonction de rendu. +L'implémentation par défaut de ConnectButton affichera également un indicateur de chargement autour de l'avatar de l'utilisateur s'il y a des transactions en attente. Les implémentations personnalisées de ConnectButton peuvent recréer ce comportement via la propriété account.hasPendingTransactions qui est passée à votre fonction de rendu. -Pour utiliser cette fonctionnalité, activez d'abord l'option `showRecentTransactions` sur `RainbowKitProvider`. +Pour utiliser cette fonctionnalité, activez d'abord l'option showRecentTransactions sur RainbowKitProvider. ```tsx import { RainbowKitProvider } from '@rainbow-me/rainbowkit'; @@ -25,7 +25,7 @@ const App = () => { }; ``` -Les transactions peuvent ensuite être enregistrées avec RainbowKit en utilisant le crochet `useAddRecentTransaction`. +Les transactions peuvent ensuite être enregistrées avec RainbowKit en utilisant le hook useAddRecentTransaction. ```tsx import { useAddRecentTransaction } from '@rainbow-me/rainbowkit'; @@ -48,9 +48,9 @@ export default () => { }; ``` -Une fois qu'une transaction a été enregistrée avec RainbowKit, son statut sera mis à jour à la fin. +Une fois qu'une transaction a été enregistrée avec RainbowKit, son statut sera mis à jour après son achèvement. -Par défaut, la transaction sera considérée comme terminée une fois qu'un seul bloc aura été miné sur le bloc dans lequel la transaction a été minée, mais cela peut être configuré en spécifiant une valeur `confirmations` personnalisée. +Par défaut, la transaction sera considérée comme terminée une fois qu'un seul bloc aura été miné sur le bloc dans lequel la transaction a été minée, mais cela peut être configuré en spécifiant une valeur de confirmations personnalisée. ```tsx import { useAddRecentTransaction } from '@rainbow-me/rainbowkit'; diff --git a/site/data/fr/docs/theming.mdx b/site/data/fr/docs/theming.mdx index cdaae84aa4..a287c31afe 100644 --- a/site/data/fr/docs/theming.mdx +++ b/site/data/fr/docs/theming.mdx @@ -1,9 +1,9 @@ --- -title: Thématique +title: Thématisation description: Utilisation et personnalisation des thèmes --- -# Thématique +# Thématisation ## Utilisation et personnalisation des thèmes @@ -281,7 +281,7 @@ const App = () => { }; ``` -#### Flou superposé +#### Flou de superposition Par défaut, le `overlayBlur` est défini sur `aucun`. Mais voici comment vous pouvez utiliser la configuration `overlayBlur`. @@ -309,9 +309,9 @@ const App = () => { Voici quelques différentes manières dont vous pouvez utiliser différents thèmes, avec les props `accentColor`, `borderRadius` et `fontStack` ensemble. - Utilisez le thème `lightTheme` -- Définissez la couleur d'accentuation sur une valeur pourpre personnalisée -- Réglez le rayon de la bordure sur `medium` -- Définissez la pile de polices sur `system` +- Définissez la couleur d'accentuation sur une valeur violette personnalisée +- Définissez le rayon de la bordure sur `medium` +- Définissez la pile de polices sur `système` ```tsx import { RainbowKitProvider, lightTheme } from '@rainbow-me/rainbowkit'; @@ -336,7 +336,7 @@ const App = () => { - Utilisez le thème `midnightTheme` - Définissez la couleur d'accentuation sur le préréglage `pink` intégré. - Réglez le rayon de la bordure sur `small` -- Définissez la pile de polices sur `system` +- Définissez la pile de polices sur `système` ```tsx import { diff --git a/site/data/fr/docs/wallet-button.mdx b/site/data/fr/docs/wallet-button.mdx index de318fde8d..5a04f65c13 100644 --- a/site/data/fr/docs/wallet-button.mdx +++ b/site/data/fr/docs/wallet-button.mdx @@ -5,9 +5,9 @@ description: Utilisation et personnalisation du BoutonWallet # BoutonWallet -> Remarque : Le `WalletButton` repose actuellement sur la norme de portefeuille EIP-1193, mais prendra en charge l'EIP-6963 dans un avenir proche. +> Note: Le `BoutonWallet` repose actuellement sur la norme de portefeuille EIP-1193, mais supportera l'EIP-6963 dans un futur proche. -Le nouveau composant `BoutonWallet` aide les dApps avec des implémentations d'une liste de portefeuilles personnalisée à adopter RainbowKit et tous ses avantages sans entretien. +Le nouveau composant `BoutonWallet` aide les dApps avec des implémentations de liste de portefeuilles personnalisées à adopter RainbowKit et tous ses avantages sans maintenance. ```tsx import { WalletButton } from '@rainbow-me/rainbowkit'; @@ -17,7 +17,7 @@ import { WalletButton } from '@rainbow-me/rainbowkit'; ``` -Comme le `BoutonConnexion`, le composant `BoutonWallet.Custom` est disponible pour des implémentations personnalisées et un style spécifique. +Comme le `ConnectButton`, le composant `BoutonWallet.Custom` est disponible pour des implémentations et des styles personnalisés. ```tsx @@ -35,7 +35,7 @@ Comme le `BoutonConnexion`, le composant `BoutonWallet.Custom` est disponible po ``` -La plupart des dApps sont mieux servies par le [ConnectButton](https://www.rainbowkit.com/docs/connect-button). Consultez la documentation pour plus d'informations sur l'adoption et les cas d'utilisation du `BoutonWallet` [here](https://www.rainbowkit.com/docs/wallet-button). +La plupart des dApps sont mieux servies par le [ConnectButton](https://www.rainbowkit.com/docs/connect-button). Consultez la documentation [ici](https://www.rainbowkit.com/docs/wallet-button) pour plus d'informations sur l'adoption et les cas d'utilisation du `BoutonWallet`. #### Démo diff --git a/site/data/fr/guides/rainbow-button.mdx b/site/data/fr/guides/rainbow-button.mdx index ca3a4eb57f..5a7dcaa208 100644 --- a/site/data/fr/guides/rainbow-button.mdx +++ b/site/data/fr/guides/rainbow-button.mdx @@ -6,7 +6,7 @@ image: guide-rainbow-button.png # Adoption du bouton Rainbow dans votre dApp -Le composant `RainbowButton` est le moyen le plus simple d'ajouter la prise en charge de Rainbow Wallet aux dApps qui utilisent `wagmi` et préfère une expérience de connexion plus personnalisée que [RainbowKit](https://www.rainbowkit.com/docs/installation). +Le composant `RainbowButton` est le moyen le plus simple d'ajouter la prise en charge de Rainbow Wallet aux dApps qui utilisent `wagmi` et préfèrent une expérience de connexion plus personnalisée que [RainbowKit](https://www.rainbowkit.com/docs/installation). **1. Installez `@rainbow-me/rainbow-button` et ses dépendances respectives** diff --git a/site/data/hi/docs/authentication.mdx b/site/data/hi/docs/authentication.mdx index 80d87acdda..e5f2aa75a6 100644 --- a/site/data/hi/docs/authentication.mdx +++ b/site/data/hi/docs/authentication.mdx @@ -13,7 +13,7 @@ description: अपने उपयोगकर्ताओं का प्र ### Sign-In with Ethereum और NextAuth.js सेटअप करें -यदि आपने पहले से कर दिया है, तो पहले अपनी [Next.js](https://nextjs.org) परियोजना को [आधिकारिक Sign-In with Ethereum boilerplate for NextAuth.js.] (https://docs.login.xyz/integrations/nextauth.js) के साथ सेटअप करें। +यदि आपने पहले से नहीं किया है, तो पहले अपने [Next.js](https://nextjs.org) प्रोजेक्ट को [NextAuth.js के लिए आधिकारिक Sign-In with Ethereum बॉयलरप्लेट](https://docs.login.xyz/integrations/nextauth.js) के साथ सेटअप करें। #### स्थापित करें @@ -27,7 +27,7 @@ npm install @rainbow-me/rainbowkit-siwe-next-auth siwe@^2 ethers@^5 #### प्रदाता सेटअप करें -अपने `App` कौम्पोनॅन्ट में, `RainbowKitSiweNextAuthProvider` आयात करें। +अपने `App` कौम्पोनॅन्ट में, `RainbowKitSiweNextAuthProvider` आयात करें। ```tsx import { RainbowKitSiweNextAuthProvider } from '@rainbow-me/rainbowkit-siwe-next-auth'; @@ -77,7 +77,7 @@ export default function App({ आप [SIWE संदेश विकल्पों](https://github.com/spruceid/siwe/blob/v1.1.6/packages/siwe/lib/client.ts#L29) को कस्टमाइज कर सकते हैं `getSiweMessageOptions` prop पर एक फ़ंक्शन पास करके `RainbowKitSiweNextAuthProvider`. -जब भी एक नया संदेश बनाया जाता है, तो यह फ़ंक्शन कॉल किया जाएगा. इस फ़ंक्शन से लौटे विकल्पों को डिफ़ॉल्ट्स के साथ मर्ज किया जाएगा। +यह फ़ंक्शन हर बार एक नया संदेश बनने पर कॉल किया जाएगा। इस फ़ंक्शन से लौटाए गए विकल्प डिफ़ॉल्ट के साथ मिल जाएंगे। ```tsx import { @@ -98,7 +98,7 @@ const getSiweMessageOptions: GetSiweMessageOptions = () => ({ #### सत्र को सर्वर-साइड एक्सेस करें -आप NextAuth के `getToken` फ़ंक्शन को `next-auth/jwt` से इंपोर्ट करके सत्र टोकन का एक्सेस कर सकते हैं। यदि उपयोगकर्ता ने सफलतापूर्वक प्रमाणित किया है, तो सत्र टोकन के `sub` गुण (टोकन का "विषय", यानी उपयोगकर्ता) उपयोगकर्ता के पते पर होगा। +आप NextAuth के `getToken` फ़ंक्शन के साथ सत्र टोकन एक्सेस कर सकते हैं जिसे `next-auth/jwt` से आयात किया गया है। यदि उपयोगकर्ता ने सफलतापूर्वक प्रमाणीकरण किया है, तो सत्र टोकन की `sub` संपत्ति (टोकन का "विषय", यानी उपयोगकर्ता) उपयोगकर्ता का पता होगी। आप `getServerSideProps` के माध्यम से सर्वर से सत्र ऑब्जेक्ट को भी पास कर सकते हैं, ताकि NextAuth को इसे ग्राहक पर फिर से हल नहीं करना पड़े। @@ -143,7 +143,7 @@ export default function AuthenticatedPage({ } ``` -सत्र के प्रबंधन के बारे में अधिक जानकारी के लिए, आप निम्नलिखित दस्तावेज़ीकरण का संदर्भ ले सकते हैं: +सत्र प्रबंधन के बारे में अधिक जानकारी के लिए, आप निम्नलिखित दस्तावेज़ीकरण का संदर्भ ले सकते हैं: - [Next.js प्रमाणीकरण गाइड](https://nextjs.org/docs/authentication) - [NextAuth.js दस्तावेज़ीकरण](https://next-auth.js.org) diff --git a/site/data/hi/docs/chains.mdx b/site/data/hi/docs/chains.mdx index 5ef4c04910..1b1ddbbca2 100644 --- a/site/data/hi/docs/chains.mdx +++ b/site/data/hi/docs/chains.mdx @@ -7,13 +7,13 @@ description: श्रृंखलाओं को अनुकूलित क ## श्रृंखलाओं को अनुकूलित करना -RainbowKit को [wagmi की `chain` object](https://wagmi.sh/react/chains) के साथ एकीकृत करने के लिए डिज़ाइन किया गया है। समर्थित श्रृंखलाओं की सूची की जाँच करें [here](https://wagmi.sh/react/chains#supported-chains). +RainbowKit को [wagmi के `chain` ऑब्जेक्ट](https://wagmi.sh/react/chains) के साथ एकीकृत करने के लिए डिज़ाइन किया गया है। समर्थित श्रृंखलाओं की सूची [यहाँ देखें](https://wagmi.sh/react/chains#supported-chains)। ### प्रारंभिक श्रृंखला को अनुकूलित करना -डिफ़ॉल्ट रूप से, RainbowKit पहले चेन से जुड़ जाएगी जो Wagmi को दी गई है। यह व्यवहार `initialChain` prop के माध्यम से अनुकूलित किया जा सकता है। +डिफ़ॉल्ट रूप से, RainbowKit सबसे पहले प्रदान की गई श्रृंखला से जुड़ जाएगा। इस व्यवहार को `initialChain` प्रॉप के माध्यम से अनुकूलित किया जा सकता है। -प्रारंभिक चेन को चेन ID का उपयोग करके कॉन्फ़िगर किया जा सकता है। +प्रारंभिक चेन को चेन आईडी का उपयोग करके कॉन्फ़िगर किया जा सकता है। ```tsx @@ -25,9 +25,9 @@ RainbowKit को [wagmi की `chain` object](https://wagmi.sh/react/chains) ``` -### कस्टम चेन मेटाडेटा +### कस्टम चेन मेटाडाटा -कई चेन आइकन और बैकग्राउंड डिफ़ॉल्ट रूप से प्रदान किए जाते हैं, परन्तु आप प्रत्येक चेन के लिए आइकन और बैकग्राउंड को `iconUrl` और `iconBackground` गुणों का उपयोग करके कस्टमाइज़ कर सकते हैं। +कई श्रृंखला आइकन और पृष्ठभूमि डिफ़ॉल्ट रूप से प्रदान की जाती हैं, लेकिन आप `iconUrl` और `iconBackground` प्रॉपर्टीज़ का उपयोग करके प्रत्येक श्रृंखला का आइकन और पृष्ठभूमि को अनुकूलित कर सकते हैं। `getDefaultConfig` के साथ उदाहरण diff --git a/site/data/hi/docs/connect-button.mdx b/site/data/hi/docs/connect-button.mdx index 539f380528..628c5e967e 100644 --- a/site/data/hi/docs/connect-button.mdx +++ b/site/data/hi/docs/connect-button.mdx @@ -7,7 +7,7 @@ description: ConnectButton का उपयोग करना और अनु ## ConnectButton का उपयोग करना और अनुकूलित करना -यह मुख्य संघटक है। यह connect/disconnect बटन को रेंडर करने के लिए जिम्मेदार है, और chain-swapping UI के साथ। +यह मुख्य घटक है। यह connect/disconnect बटन को रेंडर करने के लिए ज़िम्मेदार है, साथ ही साथ chain-swapping UI का भी। ```tsx import { ConnectButton } from '@rainbow-me/rainbowkit'; @@ -17,11 +17,11 @@ export const YourApp = () => { }; ``` -> नोट: यह सुनिश्चित करें कि आपका एप्लीकेशन आवश्यक प्रदाताओं में लिपटा हुआ है। [यहां और जाने](/docs/installation#wrap-providers). +> नोट: सुनिश्चित करें कि आपका ऐप आवश्यक प्रदाताओं में लिपटा हुआ है। [अधिक पढ़ें](/docs/installation#wrap-providers). -### Props +### प्रॉप्स -`ConnectButton` संघटक अपने रूप को अनुकूलित करने के लिए कई props प्रदान करता है, जिसमें विभिन्न तत्वों की दृश्यता को टॉगल करना शामिल है। +`ConnectButton` घटक कई प्रॉप्स को उजागर करता है जिससे उसकी उपस्थिति को अनुकूलित किया जा सकता है, जिसमें विभिन्न तत्वों की दृश्यता को टॉगल करना शामिल है। { ]} /> -> नोट: निर्मित-in `largeScreen` ब्रेकपॉइंट `768px` है। +> नोट: अंतर्निहित `largeScreen` ब्रेकपॉइंट `768px` है। ### उदाहरण #### लेबल -एक कस्टम `ConnectButton` टेक्स्ट सेट करने के लिए `label` prop का उपयोग करें। +कस्टम `ConnectButton` टेक्स्ट सेट करने के लिए `label` प्रॉप का उपयोग करें। ```tsx @@ -76,57 +76,57 @@ export const YourApp = () => { #### खाता स्थिति -यहाँ कुछ अलग-अलग तरीके हैं जिनका आप `accountStatus` prop का उपयोग कर सकते हैं। +यहाँ `accountStatus` प्रॉप का उपयोग करने के कुछ अलग-अलग तरीके हैं। -केवल खाता का अवतार दिखाएं। +केवल खाते का अवतार दिखाएँ। ```tsx ``` -केवल खाता का पता दिखाएं। +केवल खाते का पता दिखाएँ। ```tsx ``` -#### चेन स्थिति +#### चैन स्थिति -यहाँ कुछ अलग-अलग तरीके हैं जिनका आप `chainStatus` prop का उपयोग कर सकते हैं। +यहाँ `chainStatus` प्रॉप का उपयोग करने के कुछ अलग-अलग तरीके हैं। -केवल वर्तमान चेन का चिह्न दिखाएं। +केवल वर्तमान चैन का आइकॉन दिखाएँ। ```tsx ``` -केवल वर्तमान चेन का नाम दिखाएं। +केवल वर्तमान चैन का नाम दिखाएँ। ```tsx ``` -चेन यूआई पूरी तरह छिपाएं। +चैन UI को पूरी तरह से छिपाएँ। ```tsx ``` -#### शेष राशि दिखाएं +#### शेष राशि दिखाएँ -शेष राशि छिपाने/दिखाने के लिए `showBalance` prop का उपयोग करें। +शेष राशि को छिपाने/दिखाने के लिए `showBalance` प्रॉप का उपयोग करें। -शेष राशि छिपाएं। +शेष राशि को छिपाएँ। ```tsx ``` -#### प्रतिसादी +#### रेस्पोंसिव -ये props प्रतिसादी प्रारूप में भी परिभाषित किए जा सकते हैं। +इन प्रॉप्स को रेस्पोंसिव प्रारूप में भी परिभाषित किया जा सकता है। -छोटे स्क्रीन पर, केवल खाता चिह्न दिखाएं। लेकिन बड़ी स्क्रीन पर, चिह्न और पता दोनों दिखाएं। +छोटी स्क्रीन पर, केवल खाता आइकन दिखाएँ। लेकिन बड़ी स्क्रीन पर, आइकन और पता दोनों दिखाएँ। ```tsx { /> ``` -छोटे स्क्रीन पर, शेष राशि छिपाएं। लेकिन बड़े स्क्रीन पर, इसे दिखाएं। +छोटी स्क्रीन पर, शेष राशि छिपाएँ। लेकिन बड़ी स्क्रीन पर, इसे दिखाएँ। ```tsx ( ); ``` -### लेकिन यह क्या है? +### पर यह क्या है? -जब एक बटुआ वालेट सूची से चुना जाता है, तो इमोजी विस्फोट होते हैं 🌈🌈🌈। यह आपके द्वारा चुने गए बटुआ का आइकन उपयोग करता है। +वॉलेट सूची में से वॉलेट चयनित होने पर इमोजी विस्फोट 🌈🌈🌈। यह आपके द्वारा चयनित वॉलेट के आइकन का उपयोग करता है। #### डेमो -कूल मोड क्या करता है यह देखने के लिए नीचे दिए गए बटन दबाएं। +देखने के लिए नीचे दिए गए बटनों को दबाएं कि कूल मोड क्या करता है। diff --git a/site/data/hi/docs/custom-app-info.mdx b/site/data/hi/docs/custom-app-info.mdx index 4a21fd5d7e..c4854cf9ce 100644 --- a/site/data/hi/docs/custom-app-info.mdx +++ b/site/data/hi/docs/custom-app-info.mdx @@ -1,13 +1,13 @@ --- title: कस्टम एप्लीकेशन जानकारी -description: अपनी ऐप की जानकारी को कस्टमाइज़ करना +description: अपने एप्लीकेशन की जानकारी को कस्टमाइज़ करना --- # कस्टम एप्लीकेशन जानकारी -## अपनी ऐप की जानकारी को कस्टमाइज़ करना +## अपने एप्लीकेशन की जानकारी को कस्टमाइज़ करना -आप `RainbowKitProvider` के लिए `appInfo` prop में अपनी ऐप की जानकारी पास कर सकते हैं। आप अपने ऐप के नाम (`appName`) और उस लिंक को संशोधित कर सकते हैं जहाँ कनेक्शन मॉडल में "और जानें" बटन रीडायरेक्ट करता है (`learnMoreUrl`): +आप `RainbowKitProvider` के लिए `appInfo` प्रॉप में ऐप की जानकारी दर्ज कर सकते हैं। आप उन गुणों को संशोधित कर सकते हैं जो आपके एप का नाम (`appName`) और कनेक्शन मोडल में “Learn More” बटन का लिंक (`learnMoreUrl`) हटा देते हैं: ```tsx import { RainbowKitProvider } from '@rainbow-me/rainbowkit'; @@ -27,9 +27,9 @@ const App = () => { }; ``` -### एक डिस्क्लेमर जोड़ें +### डिस्क्लेमर जोड़ें -आप कनेक्शन मॉडल के निचले हिस्से में प्रदर्शित होने के लिए अपना खुद का डिस्क्लेमर प्रदान कर सकते हैं। `appInfo` में `disclaimer` संपत्ति एक `DisclaimerComponent` लेती है जिसमें `Text` और `Link` होते हैं। आप इसका उपयोग अपना खुद का डिस्क्लेमर बनाने के लिए कर सकते हैं जो थीमिंग सिस्टम को इनहेरिट करता है। हम TypeScript उपयोगकर्ताओं के लिए `DisclaimerComponent` type निर्यात करते हैं: +आप अपना डिस्क्लेमर प्रदान कर सकते हैं जो कनेक्शन मोडल के नीचे प्रदर्शित होगा। `appInfo` में `disclaimer` प्रॉप `DisclaimerComponent` को तर्कसहित लेती है `Text` और `Link` के साथ। आप इसे उपयोग कर अपना डिस्क्लेमर बना सकते हैं जो थिमिंग सिस्टम को उत्तराधिकारी बनाता है। हम TypeScript उपयोगकर्ताओं के लिए `DisclaimerComponent` प्रकार का निर्यात करते हैं: ```tsx import { diff --git a/site/data/hi/docs/custom-authentication.mdx b/site/data/hi/docs/custom-authentication.mdx index 5296817dcd..b27c5889cc 100644 --- a/site/data/hi/docs/custom-authentication.mdx +++ b/site/data/hi/docs/custom-authentication.mdx @@ -11,7 +11,7 @@ description: अपने स्वयं के प्रमाणीकरण ### एक कस्टम एडाप्टर बनाना -पहले एक प्रमाणीकरण एडाप्टर बनाएं। इससे RainbowKit को संदेश बनाने/तैयार करने और आपके बैक-एंड से संवाद करने में मदद मिलती है। +पहले एक प्रमाणीकरण एडाप्टर बनाएं। यह RainbowKit को संदेशों को बनाने/तैयार करने और आपके बैक-एंड के साथ संचार करने की अनुमति देता है। उदाहरण के लिए, हम एक प्रमाणीकरण एडाप्टर बना सकते हैं जो हमें [Ethereum के साथ साइन-इन करने](https://login.xyz) की अनुमति देता है कुछ [कस्टम API एंड पॉइंट्स](https://wagmi.sh/examples/sign-in-with-ethereum) के खिलाफ। diff --git a/site/data/hi/docs/custom-avatars.mdx b/site/data/hi/docs/custom-avatars.mdx index 6ffa2e3048..b41e5fe3dc 100644 --- a/site/data/hi/docs/custom-avatars.mdx +++ b/site/data/hi/docs/custom-avatars.mdx @@ -1,13 +1,13 @@ --- title: कस्टम अवतार -description: अपने ऐप के यूजर अवतार को कस्टम बनाना +description: आपके ऐप के उपयोगकर्ता अवतार को कस्टमाइज़ करना --- # कस्टम अवतार -## अपने ऐप के यूजर अवतार को कस्टम बनाना +## आपके ऐप के उपयोगकर्ता अवतार को कस्टमाइज़ करना -डिफ़ॉल्ट रूप से हम उपयोगकर्ताओं के लिए एक अवतार प्रदान करते हैं, यदि उनकी ENS छवि सेट नहीं है, लेकिन आप अपना स्वयं का अवतार कौम्पोनॅन्ट प्रदान करके इसे कस्टमाइज़ कर सकते हैं। आप TypeScript का उपयोग कर रहे हों तो `AvatarComponent` प्रकार को इम्पोर्ट कर सकते हैं: +डिफ़ॉल्ट रूप से, यदि उनका ENS इमेज सेट नहीं है तो हम उपयोगकर्ताओं के लिए एक अवतार प्रदान करते हैं, लेकिन आप अपना स्वयं का अवतार घटक प्रदान करके इसे कस्टमाइज़ कर सकते हैं। यदि आप टाइपस्क्रिप्ट का उपयोग कर रहे हैं तो आप `AvatarComponent` प्रकार को आयात कर सकते हैं: ```tsx import { @@ -48,4 +48,4 @@ const App = () => { }; ``` -`AvatarComponent` जो `avatar` प्रोप को पास किया गया है उसके प्रोप्स् के प्रकार इस प्रकार हैं: `<{ address: string; ensImage?: string | null; size: number;}>` +`avatar` प्रॉप में पास किया गया `AvatarComponent` निम्नलिखित प्रॉप प्रकारों का होता है: `<{ address: string; ensImage?: string | null; size: number;}>` diff --git a/site/data/hi/docs/custom-chains.mdx b/site/data/hi/docs/custom-chains.mdx index 4b2d18446e..43a40ce520 100644 --- a/site/data/hi/docs/custom-chains.mdx +++ b/site/data/hi/docs/custom-chains.mdx @@ -7,7 +7,7 @@ description: एक custom chain बनाएं ## एक custom chain बनाएं -आप `Chain` प्रकार का उपयोग करके एक custom chain बनाने में मदद कर सकते हैं। फिर, उसे `getDefaultConfig` या Wagmi के [`createConfig`](https://wagmi.sh/core/api/createConfig#createconfig) में पास करें। +आप एक custom chain बनाने में सहायता के लिए `Chain` प्रकार का उपयोग कर सकते हैं। फिर, इसे `getDefaultConfig` या Wagmi के [`createConfig`](https://wagmi.sh/core/api/createConfig#createconfig) को पास करें। उदाहरण के लिए, यहां आप [avax.network](https://avax.network) के लिए एक Avalanche chain कैसे बना सकते हैं। diff --git a/site/data/hi/docs/custom-connect-button.mdx b/site/data/hi/docs/custom-connect-button.mdx index 3277d5917c..716fd0b64e 100644 --- a/site/data/hi/docs/custom-connect-button.mdx +++ b/site/data/hi/docs/custom-connect-button.mdx @@ -7,7 +7,7 @@ description: एक अनुकूलित ConnectButton बनाना ## एक अनुकूलित ConnectButton बनाना -आप अपना स्वयं का अनुकूल संयोजन बटन बनाने के लिए निम्न-स्तरीय `ConnectButton.Custom` का उपयोग कर सकते हैं। यह घटक एक कार्य को रेंडर करता है, जिसमें बिल्ट-इन बटनों को फिर से लागू करने के लिए आपको जरूरत होने वाली हर चीज़ शामिल होती है। +आप अपने स्वयं के कस्टम कनेक्शन बटन बनाने के लिए निम्न-स्तरीय `ConnectButton.Custom` का उपयोग कर सकते हैं। यह घटक एक फ़ंक्शन रेंडर करता है, जिसमें बिल्ट-इन बटनों को फिर से लागू करने के लिए आपको आवश्यक सब कुछ शामिल है। बिल्ट-इन बटनों का एक न्यूनतम पुनर्क्रिया कुछ इस तरह से हो सकती है: diff --git a/site/data/hi/docs/custom-theme.mdx b/site/data/hi/docs/custom-theme.mdx index e2d888cdb0..13596c3699 100644 --- a/site/data/hi/docs/custom-theme.mdx +++ b/site/data/hi/docs/custom-theme.mdx @@ -7,11 +7,9 @@ description: एक अनुकूलित थीम बनाना ## एक अनुकूलित थीम बनाना -> नोट: यह API अस्थिर है और संभावित -> है कि यह निकट भविष्य में बदल जाएगी। हम -> अभी [built-in themes] (/docs/theming) के साथ चिपके रहने की सलाह देते हैं। +> ध्यान दें: यह API अस्थिर है और भविष्य में बदलने की संभावना है। हम अभी के लिए [बिल्ट-इन थीम्स](/docs/theming) के साथ बने रहने की सलाह देते हैं। -जबकि बिल्ट-इन थीम्स कुछ स्तर की अनुकूलन को प्रदान करती हैं, `Theme` प्रकार आपको अपनी custom themes को परिभाषित करने के लिए मदद करता है जिसमें थीम वेरिएबल्स के निचले-स्तर का दस्त्रेस होता है। +जबकि बिल्ट-इन थीम्स कुछ हद तक कस्टमाइजेशन प्रदान करती हैं, `Theme` प्रकार आपको अपनी खुद की अनुकूलित थीम्स को परिभाषित करने के लिए निचले स्तर की पहुंच प्रदान करता है। ```tsx import { RainbowKitProvider, Theme } from '@rainbow-me/rainbowkit'; @@ -79,17 +77,17 @@ const App = () => ( ) ``` -### एक बिल्ट-इन थीम विस्तारित करना +### बिल्ट-इन थीम्स को विस्तारित करना -आप एक बिल्ट-इन थीम को विस्तारित कर सकते हैं, बिना पूरी थीम को पुनः परिभाषित करें। यह तब उपयोगी होता है जब आप केवल विशेष थीम टोकनों को ओवरराइड करना चाहते हैं। +आप पूरी थीम को फिर से परिभाषित किए बिना बिल्ट-इन थीम्स को विस्तारित कर सकते हैं। यह तब उपयोगी होता है जब आप केवल निर्दिष्ट थीम टोकन को ओवरराइड करना चाहते हैं। -इसके लिए, `lodash.merge` को स्थापित करें (या समकक्ष): +इसे करने के लिए, `lodash.merge` (या समान) स्थापित करें: ```bash npm install lodash.merge ``` -इसे आयात करें, साथ ही थीम को जो आप विस्तारित करना चाहते हैं (जैसे: `darkTheme`) और TypeScript `Theme` प्रकार: +इसे इंपोर्ट करें, साथ ही उस थीम को जिसे आप विस्तारित करना चाहते हैं (जैसे: `darkTheme`) और TypeScript `Theme` प्रकार को: ```tsx import merge from 'lodash.merge'; @@ -100,7 +98,7 @@ import { } from '@rainbow-me/rainbowkit'; ``` -फिर, बिल्ट-इन थीम को मर्ज करें, थीम टोकन्स के साथ जिन्हें आप ओवरराइड करना चाहते हैं। इस उदाहरण में, मैं `accentColor` टोकन को ओवरराइड कर रहा हूँ, ताकि ये मेरे ब्रांड के accent रंग से मिलान करे। +फिर, बिल्ट-इन थीम और उन थीम टोकन को मर्ज करें जिन्हें आप ओवरराइड करना चाहते हैं। इस उदाहरण में, मैं अपनी ब्रांड के एक्सेंट कलर से मेल खाने के लिए `accentColor` टोकन को ओवरराइड कर रहा हूँ। ```tsx const myTheme = merge(darkTheme(), { @@ -110,7 +108,7 @@ const myTheme = merge(darkTheme(), { } as Theme); ``` -अंत में, अब आप अपनी कस्टम थीम को `RainbowKitProvider` के `theme` prop में पास कर सकते हैं। +अंततः, आप अपने अनुकूलित थीम को `RainbowKitProvider` के `theme` प्रॉप में पास कर सकते हैं। ```tsx const App = () => { @@ -122,16 +120,16 @@ const App = () => { }; ``` -### कस्टम थीम सेलेक्टर्स बनाना +### अनुकूलित थीम चयनकर्ताओं का निर्माण करना -यदि आपका ऐप सर्वर/स्थैतिक रूप से रेंडर होता है और इसे उपयोगकर्ता मैन्युअल रूप से थीम्स के बीच में टॉगल कर सकते हैं, तो RainbowKit की थीमिंग सिस्टम को कस्टम CSS सेलेक्टर्स के साथ जोड़ा जा सकता है निम्नलिखित फंक्शन्स के साथ जो किसी भी CSS-in-JS सिस्टम के साथ उपयोग किया जा सकता है: +यदि आपका ऐप सर्वर/स्थैटिकली रेंडर्ड है और उपयोगकर्ताओं को मैन्युअल रूप से थीम्स के बीच टॉगल करने की अनुमति देता है, तो आप RainbowKit की थीमिंग सिस्टम को किसी भी CSS-in-JS सिस्टम के साथ उपयोग करने के लिए निम्नलिखित कार्यों से अनुकूलित CSS चयनकर्ताओं के साथ स्थापित कर सकते हैं: - `cssStringFromTheme` - `cssObjectFromTheme` -ये फंक्शन्स CSS लौटाते हैं जो सभी आवश्यक थीम वेरिएबल्स को सेट करते हैं। चूंकि दोनों स्ट्रिंग्स और ऑब्जेक्ट्स समर्थित हैं, इसे किसी भी CSS-in-JS सिस्टम के साथ एकीकृत किया जा सकता है। +ये कार्य सभी आवश्यक थीम वेरिएबल्स सेट करने वाले CSS लौटाते हैं। चूंकि स्ट्रिंग्स और ऑब्जेक्ट्स दोनों समर्थित हैं, इसे किसी भी CSS-in-JS सिस्टम के साथ एकीकृत किया जा सकता है। -एक बुनियादी उदाहरण के रूप में, आप अपनी स्वयं की `style` तत्व को प्रत्येक थीम के लिए कस्टम सेलेक्टर्स के साथ रेंडर कर सकते हैं। चूंकि हम थीम के CSS को रेंडर करने का नियंत्रण ले रहे हैं, इसलिए हम `null` को `theme` prop में पास कर रहे हैं ताकि RainbowKitProvider हमारे लिए कोई styles न रेंडर करे। cssStringFromTheme संगठन के extends विकल्प का उपयोग करने का ध्यान दें, जो मूल थीम के समान किसी भी थीम मापदंडों को छोड़ देता है। +एक बुनियादी उदाहरण के रूप में, आप प्रत्येक थीम के लिए अनुकूलित चयनकर्ताओं के साथ अपने खुद के `style` तत्व को रेंडर कर सकते हैं। चूंकि हम थीम के CSS को रेंडर करने का नियंत्रण ले रहे हैं, हम `फीम` प्रॉप को `null` पास कर रहे हैं ताकि RainbowKitProvider हमारे लिए कोई स्टाइल्स रेंडर न करे। cssStringFromTheme फ़ंक्शन पर एक्सटेंड्स विकल्प के उपयोग पर भी ध्यान दें, जो बेस थीम के समान किसी भी थीम वेरिएबल्स को छोड़ देता है। ```tsx import { diff --git a/site/data/hi/docs/custom-wallet-list.mdx b/site/data/hi/docs/custom-wallet-list.mdx index 266d013645..8097ae331f 100644 --- a/site/data/hi/docs/custom-wallet-list.mdx +++ b/site/data/hi/docs/custom-wallet-list.mdx @@ -7,7 +7,7 @@ description: वॉलेट सूची को कस्टमाइज़ क ## वॉलेट सूची को कस्टमाइज़ करना -आप `'@rainbow-me/rainbowkit/wallets'` से व्यक्तिगत वॉलेट्स आयात कर सकते हैं उनके आवश्यक कनेक्टर्स के साथ अपनी स्वयं की वॉलेट सूची तैयार करने के लिए `connectorsForWallets` कार्य के साथ। इस तरह आपका पूरा नियंत्रण होता है कि कौन से वॉलेट्स प्रदर्शित करने हैं, और किस क्रम में। +आप `connectorsForWallets` फ़ंक्शन के साथ `'@rainbow-me/rainbowkit/wallets'` से व्यक्तिगत वॉलेट आयात कर सकते हैं ताकि उनके आवश्यक कनेक्टर्स के साथ अपनी स्वयं की वॉलेट सूची बना सकें। इस तरह आपके पास किस वॉलेट्स को प्रदर्शित करना है और किस क्रम में यह पूर्ण नियंत्रण होता है। उदाहरण के लिए, आप सामान्य फ़ॉलबैक वॉलेट्स के साथ केवल Rainbow दिखाने का चयन कर सकते हैं। @@ -64,7 +64,7 @@ const App = () => ( #### सामान्य वॉलेट्स -निम्नलिखित वॉलेट्स विशेष ऐप्स की तुलना में सामान्य कनेक्शन विधियों के लिए स्कोप की गई हैं। इस परिणामस्वरूप, यह सिफारिश की जाती है कि इन वॉलेट्स को हमेशा शामिल किया जाए। +निम्नलिखित वॉलेट्स सामान्य कनेक्शन विधियों तक सीमित हैं न कि विशिष्ट अनुप्रयोगों तक। परिणामस्वरूप, यह अनुशंसा की जाती है कि इन वॉलेट्स को हमेशा शामिल किया जाए। ##### WalletConnect @@ -76,19 +76,19 @@ const App = () => ( import { walletConnectWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -##### इंजेक्टेड वॉलेट +##### Injected Wallet -यह एक फॉलबैक वॉलेट विकल्प है जो उन परिस्थितियों के लिए डिज़ाइन किया गया है जहां `window.ethereum` मौजूद होता है लेकिन सूची में दिए गए अन्य वॉलेट द्वारा प्रदान नहीं किया गया है। यह वॉलेट स्वतः ही सूची से खुद को छुपा लेगा जब फॉलबैक की आवश्यकता नहीं होती है या अगर कोई इंजेक्टेड वॉलेट उपलब्ध नहीं है। +यह एक फॉलबैक वॉलेट विकल्प है जिसे उन परिदृश्यों के लिए डिजाइन किया गया है जहां `window.ethereum` मौजूद है लेकिन सूची में द्वारा अन्य वॉलेट द्वारा प्रदान नहीं किया गया है। यह वॉलेट सूची से स्वचालित रूप से छिप जाएगा जब फॉलबैक आवश्यक नहीं होगा या यदि कोई injected वॉलेट उपलब्ध नहीं है। -**यह सिफारिश की जाती है कि आप हमेशा इस वॉलेट को सूची में शामिल करें ताकि सभी इंजेक्टेड वॉलेट्स का समर्थन किया जा सके।** +**यह सिफारिश की जाती है कि आप इस वॉलेट को सूची में हमेशा शामिल करें ताकि सुनिश्चित किया जाए कि सभी injected वॉलेट्स समर्थित हैं।** ```tsx import { injectedWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -##### सेफ वॉलेट +##### Safe Wallet -सेफ ऐप्स का समर्थन करने वाले dApps के लिए, जो उपयोगकर्ताओं को उनके सेफ वॉल्ट या मल्टी-सिग से आसानी से जोड़ने की अनुमति देते हैं, स्वचालित कनेक्शनों के लिए `safeWallet` विकल्प शामिल करें। सेफ विकल्प केवल सेफ वॉलेट ब्राउज़र वातावरण में दिखाई देगा। +उन dApps के लिए जो उपयोगकर्ताओं को उनके Safe vault या multi-sig से आसानी से कनेक्ट होने की अनुमति देने के लिए Safe Apps का समर्थन करते हैं, स्वचालित कनेक्शनों के लिए `safeWallet` विकल्प को शामिल करें। Safe विकल्प केवल Safe Wallet ब्राउज़र वातावरण में ही प्रदर्शित होगा। ```tsx import { safeWallet } from '@rainbow-me/rainbowkit/wallets'; @@ -98,69 +98,75 @@ import { safeWallet } from '@rainbow-me/rainbowkit/wallets'; निम्नलिखित वॉलेट `wallet` ऑब्जेक्ट के माध्यम से प्रदान किए जाते हैं (वर्णमाला के क्रम में।) +#### 1inch Wallet + +```tsx +import { oneInchWallet } from '@rainbow-me/rainbowkit/wallets'; +``` + #### Argent ```tsx import { argentWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### बिटगेट +#### Binance Web3 Wallet + +```tsx +import { binanceWallet } from '@rainbow-me/rainbowkit/wallets'; +``` + +#### Bitget ```tsx import { bitgetWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### बिफ्रॉस्ट वॉलेट +#### Bifrost Wallet ```tsx import { bifrostWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### बिट्स्की +#### Bitski ```tsx import { bitskiWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### बिटवर्स +#### Bitverse ```tsx import { bitverseWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### ब्लूम वॉलेट +#### Bloom Wallet ```tsx import { bloomWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### बायबिट वॉलेट - -```tsx -import { bybitWallet } from '@rainbow-me/rainbowkit/wallets'; -``` - -#### ब्रेव वॉलेट +#### Brave Wallet ```tsx import { braveWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### बाइनेंस वेब3 वॉलेट +#### Bybit Wallet ```tsx -import { binanceWallet } from '@rainbow-me/rainbowkit/wallets'; +import { bybitWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### कॉइनबेस +#### Coinbase -यह वॉलेट कनेक्टर कॉइनबेस वॉलेट ऐप और एक्सटेंशन के साथ-साथ वेब पर कॉइनबेस स्मार्ट वॉलेट दोनों को सपोर्ट करता है। +यह वॉलेट कनेक्टर Coinbase वॉलेट ऐप और एक्सटेंशन दोनों का समर्थन करता है, साथ ही वेब पर Coinbase Smart Wallet का भी समर्थन करता है। -'preference' आर्ग्युमेंट उपलब्ध है जिससे यह नियंत्रित किया जा सकता है कि स्मार्ट वॉलेट सक्षम और उपयोगकर्ताओं के लिए उपलब्ध है या नहीं। प्राथमिकता आधारित व्यवहार को [यहां](https://www.smartwallet.dev/sdk/makeWeb3Provider#parameters) प्रलेखित किया गया है। +उपयोगकर्ताओं के लिए Smart Wallet सक्षम और उपलब्ध है या नहीं यह नियंत्रित करने के लिए एक `preference` तर्क उपलब्ध है। प्रेफरेन्स आधारित व्यवहार यहाँ प्रलेखित है [यहाँ](https://www.smartwallet.dev/sdk/makeWeb3Provider#parameters)। -सभी के लिए जून की शुरुआत में स्मार्ट वॉलेट डिफ़ॉल्ट रूप से सक्षम हो जाएगा, बिना किसी और अपग्रेड के। +Smart Wallet प्रारंभिक जून में बिना किसी आगे अपग्रेड के `all` के साथ डिफ़ॉल्ट रूप से सक्षम हो जाएगा। -डेवलपर्स `smartWalletOnly` सेट करके और अपने वॉलेट सूची में `coinbaseWallet` सम्मिलित करके आज `sepolia` और `baseSepolia` चेन के साथ स्मार्ट वॉलेट का परीक्षण कर सकते हैं: +विकसितकर्ता Smart Wallet का परीक्षण कर सकते हैं `sepolia` और `baseSepolia` चैन के साथ आज ही `smartWalletOnly` सेट करके और `coinbaseWallet` को अपनी वॉलेट सूची में शामिल करके जैसे: ```tsx import { coinbaseWallet } from '@rainbow-me/rainbowkit/wallets'; @@ -169,16 +175,16 @@ import { coinbaseWallet } from '@rainbow-me/rainbowkit/wallets'; coinbaseWallet.preference = 'smartWalletOnly'; ``` -#### कम्पास वॉलेट +#### Coin98 Wallet ```tsx -import { compassWallet } from '@rainbow-me/rainbowkit/compassWallet'; +import { coin98Wallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Coin98 Wallet +#### Compass Wallet ```tsx -import { coin98Wallet } from '@rainbow-me/rainbowkit/wallets'; +import { compassWallet } from '@rainbow-me/rainbowkit/compassWallet'; ``` #### Core @@ -217,58 +223,70 @@ import { frameWallet } from '@rainbow-me/rainbowkit/wallets'; import { frontierWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### गेट वॉलेट +#### Gate Wallet ```tsx import { gateWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Ledger Live +#### imToken ```tsx -import { ledgerWallet } from '@rainbow-me/rainbowkit/wallets'; +import { imTokenWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### imToken +#### ioPay Wallet ```tsx -import { imTokenWallet } from '@rainbow-me/rainbowkit/wallets'; +import { iopayWallet } from '@rainbow-me/rainbowkit/wallets'; +``` + +#### Kaia Wallet + +```tsx +import { kaiaWallet } from '@rainbow-me/rainbowkit/wallets'; +``` + +#### Kaikas + +```tsx +import { kaikasWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### क्रैकन वॉलेट +#### Kraken Wallet ```tsx import { krakenWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### क्रेसस वॉलेट +#### Kresus Wallet ```tsx import { kresusWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### कैकस +#### Ledger Live ```tsx -import { kaikasWallet } from '@rainbow-me/rainbowkit/wallets'; +import { ledgerWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### मैजिक ईडन वॉलेट +#### Magic Eden Wallet ```tsx import { magicEdenWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### MetaMask +#### MEW Wallet ```tsx -import { metaMaskWallet } from '@rainbow-me/rainbowkit/wallets'; +import { mewWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### MEW Wallet +#### MetaMask ```tsx -import { mewWallet } from '@rainbow-me/rainbowkit/wallets'; +import { metaMaskWallet } from '@rainbow-me/rainbowkit/wallets'; ``` #### OKX Wallet @@ -283,12 +301,6 @@ import { okxWallet } from '@rainbow-me/rainbowkit/wallets'; import { omniWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### 1inch वॉलेट - -```tsx -import { oneInchWallet } from '@rainbow-me/rainbowkit/wallets'; -``` - #### OneKey ```tsx @@ -313,13 +325,13 @@ import { rabbyWallet } from '@rainbow-me/rainbowkit/wallets'; import { rainbowWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### रैम्पर वॉलेट +#### Ramper Wallet ```tsx import { ramperWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### रोनिन वॉलेट +#### Ronin Wallet ```tsx import { roninWallet } from '@rainbow-me/rainbowkit/wallets'; @@ -436,7 +448,7 @@ const connectors = connectorsForWallets( #### एकाधिक समूह -आप `groupName` कुंजी का उपयोग विभिन्न वॉलेट समूहों को नाम देने के लिए कर सकते हैं। यह उपयोगी है यदि आप अपने उपयोगकर्ताओं से संवाद करना चाहते हैं कि आप कौन से वॉलेट्स की सिफारिश करते हैं, साथ ही अन्य संभावित वॉलेट्स के बारे में भी। +आप `groupName` कुंजी का उपयोग करके विभिन्न वॉलेट समूहों को नाम दे सकते हैं। यह उपयोगी है यदि आप अपने उपयोगकर्ताओं को यह सूचित करना चाहते हैं कि आप कौन से वॉलेट्स की सिफारिश करते हैं, साथ ही अन्य संभावित वॉलेट्स। रेनबो और मेटामास्क की सिफारिश करें, लेकिन सामान्य फ़ॉलबैक वॉलेट्स के साथ कोइनबेस की भी पेशकश करें। diff --git a/site/data/hi/docs/custom-wallets.mdx b/site/data/hi/docs/custom-wallets.mdx index 27997be149..54811ff72b 100644 --- a/site/data/hi/docs/custom-wallets.mdx +++ b/site/data/hi/docs/custom-wallets.mdx @@ -7,9 +7,9 @@ description: एक कस्टम वॉलेट बनाएं ## एक कस्टम वॉलेट बनाएं -> नोट: यह API अस्थिर है और आने वाले समय में बदलने की संभावना है। हम समय के साथ अधिक बिल्ट-इन वॉलेट्स जोड़ेंगे। [हमें बताएं](https://github.com/rainbow-me/rainbowkit/issues) यदि आपको किसी विशेष वॉलेट्स में रुचि है। +> नोट: यह API अस्थिर है और निकट भविष्य में बदल सकती है। हम समय के साथ अधिक बिल्ट-इन वॉलेट्स जोड़ेंगे। यदि आपको किसी विशेष वॉलेट्स में रुचि है तो [हमें बताएं](https://github.com/rainbow-me/rainbowkit/issues)। -आपके अपने कस्टम वॉलेट्स को परिभाषित करने में आपकी सहायता करने के लिए `वॉलेट` फ़ंक्शन प्रकार प्रदान की गई है। आपके `वॉलेट` फ़ंक्शन के रिटर्न वैल्यू पर निम्नलिखित गुण सेट किए जा सकते हैं: +`वॉलेट` फ़ंक्शन प्रकार आपके अपने कस्टम वॉलेट्स को परिभाषित करने में आपकी सहायता करने के लिए प्रदान किया गया है। आपके `वॉलेट` फ़ंक्शन के रिटर्न मान पर निम्नलिखित गुण कॉन्फ़िगर किए जा सकते हैं: ### वॉलेट गुण diff --git a/site/data/hi/docs/installation.mdx b/site/data/hi/docs/installation.mdx index cd85cfc77f..a8a8189446 100644 --- a/site/data/hi/docs/installation.mdx +++ b/site/data/hi/docs/installation.mdx @@ -60,9 +60,9 @@ import { #### कॉन्फ़िगर करें -अपने वांछित चेन्स को कॉन्फ़िगर करें और आवश्यक कनेक्टर्स उत्पन्न करें। आपको `wagmi` कॉन्फ़िग सेटअप करने की भी आवश्यकता होगी। यदि आपका dApp सर्वर साइड रेंडरिंग (SSR) का उपयोग करता है, तो सुनिश्चित करें कि `ssr` को `true` पर सेट करें। +अपनी पसंदीदा चेन को कॉन्फ़िगर करें और आवश्यक कनेक्टर्स उत्पन्न करें। आपको एक `wagmi` कॉन्फ़िगरेशन सेटअप भी करना होगा। अगर आपका dApp सर्वर साइड रेंडरिंग (SSR) का उपयोग करता है तो सुनिश्चित करें कि `ssr` को `true` पर सेट करें। -> नोट: हर dApp जो WalletConnect पर निर्भर करता है अब [WalletConnect Cloud](https://cloud.walletconnect.com/) से `projectId` प्राप्त करने की आवश्यकता है। इसमें बिल्कुल मुफ्त है और सिर्फ कुछ मिनट लगते हैं। +> नोट: हर dApp जो WalletConnect पर निर्भर करता है, अब [WalletConnect Cloud](https://cloud.walletconnect.com/) से `projectId` प्राप्त करने की जरूरत है। यह बिल्कुल मुफ्त है और केवल कुछ मिनट लगते हैं। ```tsx line=4-99 ... @@ -116,7 +116,7 @@ RainbowKit अब आपके उपयोगकर्ता के वॉल ##### Remix -[Remix](https://remix.run) का उपयोग करते समय, आपको `buffer`, `events` और `http` मॉड्यूल्स के लिए पॉलीफिल करना अनिवार्य है। नीचे दिए गए Remix कॉन्फ़िगरेशन का संदर्भ लें, या [हमारी सैंपल Remix प्रोजेक्ट](https://github.com/rainbow-me/rainbowkit/blob/main/examples/with-remix) देखें। +जब [Remix](https://remix.run) का उपयोग करते हैं, तो आपको `buffer`, `events` और `http` मॉड्यूल्स को पॉलीफिल करना होगा। नीचे दिए गए Remix कॉन्फ़िगरेशन देखें, या [हमारा नमूना Remix परियोजना](https://github.com/rainbow-me/rainbowkit/blob/main/examples/with-remix) देखें। ```ts /** @type {import('@remix-run/dev').AppConfig} */ @@ -128,13 +128,13 @@ export default { }; ``` -### डिप्लॉय करने की तैयारी +### परिनियोजन की तैयारी -डिफ़ॉल्ट रूप से, आपका dApp प्रत्येक चेन के लिए सार्वजनिक RPC प्रदाताओं का उपयोग करता है बैलेंसेस प्राप्त करने, ENS नामों को सुलझाने, और अधिक के लिए। यह अक्सर आपके उपयोगकर्ताओं के लिए विश्वसनीयता की समस्याएँ पैदा कर सकता है क्योंकि सार्वजनिक नोड्स पर रेट-लिमिटेड होते हैं। इसके बजाय, आपको [Alchemy](https://www.alchemy.com/) या [QuickNode](https://www.quicknode.com/) जैसी सेवाओं के माध्यम से एक RPC प्रदाता की पहुँच खरीदनी चाहिए, और Wagmi में अपने स्वयं के Transports को परिभाषित करना चाहिए। यह `getDefaultConfig` में `transports` पैरामीटर जोड़कर या Wagmi के `createConfig` के माध्यम से सीधे हासिल किया जा सकता है। +डिफ़ॉल्ट रूप से, आपके dApp प्रत्येक चेन के लिए बैलेंस्स को प्राप्त करने, ENS नामों को हल करने, और अधिक के लिए सार्वजनिक RPC प्रदाता का उपयोग करता है। यह अक्सर आपके उपयोगकर्ताओं के लिए विश्वसनीयता समस्याएं पैदा कर सकता है क्योंकि सार्वजनिक नोड्स दर-सीमित होते हैं। इसके बजाय आपको [Alchemy](https://www.alchemy.com/) या [QuickNode](https://www.quicknode.com/) जैसी सेवाओं के माध्यम से RPC प्रदाता की पहुंच खरीदनी चाहिए, और Wagmi में अपनी खुद की ट्रांसपोर्ट्स परिभाषित करनी चाहिए। यह `getDefaultConfig` में `transports` पैरामीटर जोड़कर या सीधे Wagmi के `createConfig` के माध्यम से प्राप्त किया जा सकता है। -एक Transport वह नेटवर्किंग मध्य परत है जो Ethereum Node Provider (जैसे Alchemy, Infura, आदि) को JSON-RPC अनुरोध भेजने का काम करता है। +एक ट्रांसपोर्ट वह नेटवर्किंग मध्य परत है जो Ethereum Node Provider को JSON-RPC अनुरोध भेजने को संभालता है (जैसे Alchemy, Infura, आदि)। -**एक `http` transport के साथ उदाहरण** +**एक `http` ट्रांसपोर्ट के साथ उदाहरण** ```tsx import { getDefaultConfig } from '@rainbow-me/rainbowkit'; @@ -164,12 +164,12 @@ const config = getDefaultConfig({ ### आगे के उदाहरण -RainbowKit के कुछ चलते हुए उदाहरण देखने के लिए, या उनका उपयोग नई परियोजना को स्वचालित रूप से خाका बनाने के लिए करें, [औपचारिक उदाहरण](https://github.com/rainbow-me/rainbowkit/tree/main/examples) देखें। +RainbowKit के कुछ चलते हुए उदाहरण देखने के लिए, या उनका उपयोग नई परियोजना को स्वचालित रूप से खाका बनाने के लिए करें, [औपचारिक उदाहरण](https://github.com/rainbow-me/rainbowkit/tree/main/examples) देखें। RainbowKit को सीधे अपने ब्राउज़र में आज़माने के लिए, नीचे दिए गए CodeSandbox लिंक्स देखें: - [Create React App] के साथ(https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-create-react-app) -- [Next.js]के साथ (https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-next) +- [Next.js] के साथ (https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-next) - [Next.js App Router] के साथ(https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-next-app) -- [Remix]के साथ (https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-remix) -- [Vite]के साथ (https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-vite) +- [Remix] के साथ (https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-remix) +- [Vite] के साथ (https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-vite) diff --git a/site/data/hi/docs/introduction.mdx b/site/data/hi/docs/introduction.mdx index 710374fe54..5e88f598ca 100644 --- a/site/data/hi/docs/introduction.mdx +++ b/site/data/hi/docs/introduction.mdx @@ -9,27 +9,27 @@ description: एक वॉलेट कनेक्ट करने का स
-यदि आप एक अतिरिक्त भाषा के लिए समर्थन देखना चाहते हैं, तो कृपया एक [GitHub चर्चा] (https://github.com/rainbow-me/rainbowkit/discussions/new?category=ideas) खोलें और हम इसे जितनी जल्दी संभव हो सके समर्थन करने का काम करेंगे। +यदि आप एक अतिरिक्त भाषा के लिए समर्थन देखना चाहते हैं, तो कृपया एक [GitHub चर्चा](https://github.com/rainbow-me/rainbowkit/discussions/new?category=ideas) खोलें और हम इसे जितनी जल्दी संभव हो सके समर्थन करने का काम करेंगे। diff --git a/site/data/hi/docs/migration-guide.mdx b/site/data/hi/docs/migration-guide.mdx index 85bbec2694..a3b87f1384 100644 --- a/site/data/hi/docs/migration-guide.mdx +++ b/site/data/hi/docs/migration-guide.mdx @@ -6,19 +6,19 @@ title: विस्थापन मार्गदर्शिका ## रेनबोकिट का स्थानांतरण करना -### 2.x.x महत्वपूर्ण परिवर्तन +### 2.x.x में तोड़ने वाले परिवर्तन [wagmi](https://wagmi.sh) और [viem](https://viem.sh) पीयर निर्भरताएं `2.x.x` पर पहुँच गई हैं जिसमें महत्वपूर्ण परिवर्तन आए हैं। माइग्रेट करने के लिए नीचे दिए गए चरणों का पालन करें। -**1. RainbowKit, `wagmi`, और `viem` को उनके नवीनतम संस्करणों में अपग्रेड करें** +**1. RainbowKit, `wagmi`, और `viem` को उनके नवीनतम संस्करण में अपग्रेड करें** ```bash npm i @rainbow-me/rainbowkit@2 wagmi@2 viem@2.x ``` -**2. `@tanstack/react-query` पीयर डिपेंडेंसी इंस्टॉल करें** +**2. `@tanstack/react-query` पीयर निर्भरता स्थापित करें** Wagmi v2 के साथ, [TanStack Query](https://tanstack.com/query/v5/docs/react/overview) अब एक आवश्यक पीयर निर्भरता है। @@ -91,7 +91,7 @@ npm i @tanstack/react-query } ``` -**4. `wagmi` और `viem` में ब्रेकिंग परिवर्तनों की जांच करें** +**4. `wagmi` और `viem` में महत्वपूर्ण परिवर्तनों की जाँच करें** यदि आप अपने dApp में `wagmi` हुक्स और `viem` एक्शन्स का उपयोग करते हैं, तो आपको v2 के लिए माइग्रेशन गाइड्स का पालन करना होगा: @@ -102,17 +102,17 @@ npm i @tanstack/react-query **1. EIP-6963 वॉलेट्स के लिए सुधारित व्यवहार** -वे वॉलेट्स जो नए EIP-6963 कनेक्शन मानक का समर्थन करते हैं (जिसमें Rainbow, MetaMask, और अधिक शामिल हैं) अब कनेक्ट वॉलेट अनुभव के दौरान एक `Installed` अनुभाग में स्वतः प्रदर्शित होंगे। यह सुनिश्चित करता है कि उपयोगकर्ता हमेशा अपने पसंदीदा वॉलेट्स को ढूंढ सकें और द्वंद्व या बैकअप बटनों के बिना dApps से जुड़ सकें। +वॉलेट्स जो नए EIP-6963 कनेक्शन मानक का समर्थन करते हैं (जिसमें Rainbow, MetaMask, और अन्य शामिल हैं) अब Connect Wallet अनुभव के दौरान एक `Installed` सेक्शन में स्वचालित रूप से दिखाई देंगे। यह सुनिश्चित करता है कि उपयोगकर्ता हमेशा अपने पसंदीदा वॉलेट्स पा सकते हैं और बिना किसी संघर्ष या फॉलबैक बटनों के dApps से कनेक्ट हो सकते हैं। -डेवलपर्स को अंतिम उपयोगकर्ताओं के लिए पसंदीदा वॉलेट्स पर जोर देने के लिए कस्टम वॉलेट लिस्ट पर पूर्ण नियंत्रण जारी रहेगा। यह सलाह दी जाती है कि आप अपनी सूची में `injectedWallet` और `walletConnectWallet` को शामिल करते रहें ताकि सभी प्लेटफार्मों का समर्थन किया जा सके। +डेवलपर्स को अंतिम उपयोगकर्ताओं के लिए पसंदीदा वॉलेट्स पर ज़ोर देने के लिए पूरी तरह से कस्टम वॉलेट सूची पर नियंत्रण मिलता है। आपको अपनी सूची में `injectedWallet` और `walletConnectWallet` को शामिल करने की सलाह दी जाती है ताकि सभी प्लेटफ़ॉर्म्स का समर्थन किया जा सके। -**2. Wagmi कॉन्फ़िगरेशन getDefaultConfig के साथ** +**2. getDefaultConfig** के साथ Wagmi कॉन्फ़िगरेशन\*\* -यह नया API कॉन्फ़िगरेशन अनुभव को सरल बनाता है और सीधे Wagmi के `createConfig` का उपयोग करने की आवश्यकता को प्रतिस्थापित करता है। चेन कॉन्फ़िगरेशन सरलीकृत है, इसमें `transports` के लिए अनुमानित सार्वजनिक प्रदाताओं शामिल हैं। +यह नया API कॉन्फ़िगरेशन अनुभव को सरल बनाता है और सीधे Wagmi के `createConfig` का उपयोग करने की आवश्यकता को प्रतिस्थापित करता है। Chain कॉन्फ़िगरेशन को सरल किया गया है, जिसमें `transports` के लिए अनुमानित सार्वजनिक प्रदाता शामिल हैं। डिफ़ॉल्ट वॉलेट सूची स्वचालित रूप से शामिल की जाएगी, `getDefaultWallets` और `connectorsForWallets` का उपयोग करने की आवश्यकता को अप्रचलित करते हुए। -आप कस्टम वॉलेट सूची बना सकते हैं जिसमें आयातित या कस्टम वॉलेट कनेक्टर्स को `wallets` के लिए पास किया जाता है। वॉलेट कनेक्टर्स को इंस्टेंट करना और `projectId` और `chains` को पास करना अब आवश्यक नहीं है। +आप `wallets` को आयातित या कस्टम वॉलेट कनेक्टर्स को पारित करके कस्टम वॉलेट सूची बना सकते हैं। वॉलेट कनेक्टर्स को इंस्टेंशिएट करना और `projectId` और `chains` को पास करना अब आवश्यक नहीं है। ``` const config = getDefaultConfig({ @@ -126,7 +126,7 @@ const config = getDefaultConfig({ **3. RainbowKitProvider** -आपको अब `chains` को `` में पास करने की आवश्यकता नहीं है। +अब आपको `chains` को `` में पास करने की आवश्यकता नहीं है। ```diff - @@ -195,63 +195,63 @@ const config = getDefaultConfig({ }) ``` -\*\*5. कस्टम वॉलेट्स सूची +**5. कस्टम वॉलेट्स** -RainbowKit वॉलेट कनेक्टर्स में Wagmi v2 का समर्थन करने के लिए महत्वपूर्ण परिवर्तन किए गए हैं। अपने dApp में कस्टम वॉलेट कनेक्टर्स को अपग्रेड करने के लिए [अपडेटेड दस्तावेज़](https://www.rainbowkit.com/docs/custom-wallets) और एक [उदाहरण कनेक्टर](https://github.com/rainbow-me/rainbowkit/blob/main/packages/rainbowkit/src/wallets/walletConnectors/rainbowWallet/rainbowWallet.ts) का संदर्भ लें। +RainbowKit वॉलेट कनेक्टर्स ने Wagmi v2 का समर्थन करने के लिए पर्याप्त परिवर्तन किए हैं। अपने dApp में किसी भी कस्टम वॉलेट कनेक्टर्स को अपग्रेड करने के लिए [अपडेटेड डॉक्स](https://www.rainbowkit.com/docs/custom-wallets) और [उदाहरण कनेक्टर](packages/rainbowkit/src/wallets/walletConnectors/rainbowWallet/rainbowWallet.ts) को देखें। अपने dApp में किसी भी कस्टम वॉलेट कनेक्टर्स को अपग्रेड करने के लिए [अपडेटेड डॉक्यूमेंट्स](https://www.rainbowkit.com/docs/custom-wallets) और [उदाहरण कनेक्टर](https://github.com/rainbow-me/rainbowkit/blob/main/packages/rainbowkit/src/wallets/walletConnectors/rainbowWallet/rainbowWallet.ts) का सन्दर्भ लें। -वॉलेट कनेक्टर्स अब EIP-6963 मानक का भी समर्थन करते हैं `rdns` प्रॉप के साथ। अपनी वॉलेट सूची में EIP-6963 का समर्थन करने वाले वॉलेट्स के डुप्लिकेट संदर्भों से बचने के लिए यह सुनिश्चित करें कि यह पॉप्युलेटेड हो। +वॉलेट कनेक्टर्स अब `rdns` प्रोप के साथ EIP-6963 मानक का समर्थन भी करते हैं। सुनिश्चित करें कि इसे भरा गया है ताकि आपके वॉलेट सूची में EIP-6963 का समर्थन करने वाले वॉलेटस के डुप्लिकेट संदर्भों को रोका जा सके। ### 1.x.x में तोड़ने वाले परिवर्तन -#### wagmi v1 के लिए अपडेट किया गया +#### Wagmi v1 के लिए अपडेट किया गया [wagmi](https://wagmi.sh) सहकर्मी निर्भरता को `1.x.x` के लिए अपडटे किया गया है। माइग्रेट करने के लिए नीचे दिए गए चरणों का पालन करें। -**1. रेनबोकिट और `wagmi` को उनके नवीनतम संस्करण तक अपग्रेड करें** +\*\*1. RainbowKit और `wagmi` को उनके नवीनतम संस्करण में अपग्रेड करें ```bash npm i @rainbow-me/rainbowkit@^1 wagmi@^1 ``` -**2. `viem` सहकर्मी निर्भरता स्थापित करें** +\*\*2. `viem` सहकर्मी निर्भरता स्थापित करें -wagmi v1 को `viem` सहकर्मी निर्भरता की आवश्यकता होती है। निम्नलिखित कमांड के साथ इसे स्थापित करें: +wagmi v1 को `viem` सहकर्मी निर्भरता की आवश्यकता है। निम्नलिखित कमांड के साथ इसे स्थापित करें: ```bash npm i viem ``` -नोट: wagmi अब `ethers` पैकेज का आंतरिक रूप से उपयोग नहीं करता है। लेकिन यदि आप [Authentication](https://www.rainbowkit.com/docs/authentication) API पर निर्भर हैं, तब भी `siwe` को `ethers` की आवश्यकता होगी एक सहकारी निर्भरता के रूप में। +नोट: wagmi अब आंतरिक रूप से `ethers` पैकेज का उपयोग नहीं करता है। लेकिन यदि आप [Authentication](https://www.rainbowkit.com/docs/authentication) API पर निर्भर हैं, तो `siwe` के लिए अभी भी सहकर्मी निर्भरता के रूप में `ethers` की आवश्यकता होगी। -**3. सुनिश्चित करें बंडलर और पॉलिफिल संगतता** +\*\*3. बंडलर और पॉलीफिल संगतता सुनिश्चित करें -पिछले संस्करणों में वागमी को जिसपर [ethers](https://docs.ethers.org/v5/) आधारित था, WalletConnect द्वारा आवश्यक किए गए `fs`, `net`, और `tls` मॉड्यूल्स को स्वतः पॉलिफिल किया जाता था। RainbowKit v1 + wagmi v1 के साथ जो [viem](https://viem.sh/) पर बनाया गया है, यह मामला अब नहीं है। +wagmi के पिछले संस्करणों में जो [ethers](https://docs.ethers.org/v5/) पर निर्भर थे, WalletConnect द्वारा आवश्यक `fs`, `net`, और `tls` मॉड्यूल स्वचालित रूप से पॉलीफिल्ड किए गए थे। यह मामला अब RainbowKit v1 + wagmi v1 के साथ नहीं है, जो [viem](https://viem.sh/) पर निर्मित हैं। -हमारे [Next.js Webpack Config](https://github.com/rainbow-me/rainbowkit/blob/main/examples/with-next/next.config.js) और [Create React App polyfills](https://github.com/rainbow-me/rainbowkit/blob/main/examples/with-create-react-app/src/polyfills.ts) नमूनों का पुणः संदर्भ लें कि अपनी प्रोजेक्ट के लिए कॉन्फिगरेशन मार्गदर्शन के लिए। +अपने प्रोजेक्ट के लिए कॉन्फिगरेशन मार्गदर्शन के लिए हमारे [Next.js Webpack Config](https://github.com/rainbow-me/rainbowkit/blob/main/examples/with-next/next.config.js) और [Create React App polyfills](https://github.com/rainbow-me/rainbowkit/blob/main/examples/with-create-react-app/src/polyfills.ts) नमूनों का पुणः संदर्भ लें। -Vite और Remix के लिए अतिरिक्त ढांचा मार्गदर्शन उपलब्ध है [here](https://www.rainbowkit.com/docs/installation#additional-build-tooling-setup) पर। +Vite और Remix के लिए अतिरिक्त ढांचा मार्गदर्शन उपलब्ध है [यहां](https://www.rainbowkit.com/docs/installation#additional-build-tooling-setup)। -**4. `wagmi` में ब्रेकिंग बदलावों की जांच करें** +\*\*4. `wagmi` में तोड़ने वाले परिवर्तन की जांच करें यदि आप अपने एप्लिकेशन में `wagmi` हुक्स का उपयोग करते हैं, तो आपको v1 के लिए `wagmi` के माइग्रेशन गाइड का पालन करने की आवश्यकता होगी। [आप यहां उनके माइग्रेशन गाइड देख सकते हैं](https://wagmi.sh/react/migration-guide)। -### 0.12.x ब्रेकिंग बदलाव +### 0.12.x में तोड़ने वाले परिवर्तन -wagmi साथी निर्भरता को `0.12.x` में अपडेट किया गया है। +wagmi पीर डिपेंडेंसी को `0.12.x` पर अपडेट किया गया है। -RainbowKit ने WalletConnect v1 समर्थन के लिए `wagmi` में `WalletConnectLegacyConnector` कनेक्टर को अपनाया है। WalletConnect v2 और `WalletConnectConnector` का समर्थन जल्द ही एक पैच रिलीज के रूप में उपलब्ध होगा, बिना किसी ब्रेकिंग चेंजेज के। +RainbowKit ने `WalletConnectLegacyConnector` कनेक्टर को wagmi में अपनाया है जिससे WalletConnect v1 का समर्थन जारी रह सके। WalletConnect v2 और `WalletConnectConnector` का समर्थन जल्द ही बिना किसी टूटने वाले परिवर्तन के एक पैच रिलीज़ के रूप में उपलब्ध होगा। वॉलेट्स को भविष्य के रिलीजेज में स्वचालित रूप से स्थानांतरित किया जाएगा। -हर dApp को अब WalletConnect v2 को सक्षम करने के लिए [WalletConnect Cloud](https://cloud.walletconnect.com/) `projectId` प्रदान करना होगा। इसे WalletConnect v1 ब्रिज सर्वर्स को बंद किए जाने से पहले 28 जून, 2023 को पूरा किया जाना चाहिए। यदि `projectId` अनिर्दिष्ट है, तो RainbowKit निस्संदेह रूप से सभी वॉलेट्स के लिए v1 को पसंद करेगा। +WalletConnect v2 को सक्षम करने के लिए हर dApp को अब एक [WalletConnect Cloud](https://cloud.walletconnect.com/) `projectId` प्रदान करना होगा। WalletConnect v1 ब्रिज सर्वरों के 28 जून, 2023 को बंद होने से पहले इसे पूरा होना चाहिए। अगर `projectId` निर्दिष्ट नहीं किया गया है तो RainbowKit सभी वॉलेट्स के लिए v1 को चुपचाप पसंद करेगा। माइग्रेट करने के लिए नीचे दिए गए चरणों का पालन करें। -#### 1. RainbowKit और `wagmi` को उनके नवीनतम संस्करणों में अपग्रेड करें +#### 1. RainbowKit और `wagmi` को उनके नवीनतम संस्करण में अपग्रेड करें ```bash npm i @rainbow-me/rainbowkit@^0.12.0 wagmi@^0.12.0 @@ -259,7 +259,7 @@ npm i @rainbow-me/rainbowkit@^0.12.0 wagmi@^0.12.0 #### 2. एक WalletConnect Cloud projectId प्रदान करें -हर dApp को जो WalletConnect पर निर्भर करता है, को अब [WalletConnect Cloud](https://cloud.walletconnect.com/) से एक `projectId` प्राप्त करना होगा। इसमें बिल्कुल मुफ्त है और सिर्फ कुछ मिनट लगते हैं। +हर dApp जो WalletConnect पर निर्भर करता है अब उसे [WalletConnect Cloud](https://cloud.walletconnect.com/) से एक `projectId` प्राप्त करना होगा। यह बिल्कुल मुफ्त है और केवल कुछ मिनट लगते हैं। `getDefaultWallets` और व्यक्तिगत RainbowKit वॉलेट कनेक्टर्स को निम्नलिखित की तरह `projectId` प्रदान करें: @@ -287,79 +287,79 @@ const connectors = connectorsForWallets([ ### 0.11.x में तोड़ने वाले परिवर्तन -wagmi का पीर डिपेंडेंसी `0.11.x` के लिए अपडेट कर दिया गया है। +wagmi पीर डिपेंडेंसी को `0.11.x` पर अपडेट किया गया है। माइग्रेट करने के लिए नीचे दिए गए चरणों का पालन करें। -#### 1. RainbowKit और `wagmi` को उनके नवीनतम संस्करणों में अपग्रेड करें +#### 1. RainbowKit और `wagmi` को उनके नवीनतम संस्करण में अपग्रेड करें ```bash npm i @rainbow-me/rainbowkit@^0.11.0 wagmi@^0.11.0 ``` -#### 2. `wagmi` में तोड़ने वाले परिवर्तनों की जांच करें +#### 2. `wagmi` में तोड़ने वाले परिवर्तन की जांच करें यदि आप अपने एप्लिकेशन में `wagmi` हुक्स का उपयोग करते हैं, तो आपको जांचने की आवश्यकता होगी कि क्या आपका एप्लिकेशन `wagmi` में तोड़ने वाले परिवर्तनों से प्रभावित हो गया है। -[आप यहां उनके माइग्रेशन गाइड देख सकते हैं](https://wagmi.sh/react/migration-guide#011x-breaking-changes). +[आप यहां उनके माइग्रेशन गाइड देख सकते हैं](https://wagmi.sh/react/migration-guide#011x-breaking-changes)। ### 0.10.x में तोड़ने वाले परिवर्तन -wagmi का पीर डिपेंडेंसी `0.10.x` के लिए अपडेट कर दिया गया है। +wagmi पीर डिपेंडेंसी को `0.10.x` पर अपडेट किया गया है। माइग्रेट करने के लिए नीचे दिए गए चरणों का पालन करें। -#### 1. RainbowKit और `wagmi` को उनके नवीनतम संस्करणों में अपग्रेड करें +#### 1. RainbowKit और `wagmi` को उनके नवीनतम संस्करण में अपग्रेड करें ```bash npm i @rainbow-me/rainbowkit@^0.10.0 wagmi@^0.10.0 ``` -#### 2. `wagmi` में तोड़ने वाले परिवर्तनों की जांच करें +#### 2. `wagmi` में तोड़ने वाले परिवर्तन की जांच करें यदि आप अपने एप्लिकेशन में `wagmi` हुक्स का उपयोग करते हैं, तो आपको जांचने की आवश्यकता होगी कि क्या आपका एप्लिकेशन `wagmi` में तोड़ने वाले परिवर्तनों से प्रभावित हो गया है। -[आप यहां उनके माइग्रेशन गाइड देख सकते हैं](https://wagmi.sh/react/migration-guide#010x-breaking-changes). +[आप यहां उनके माइग्रेशन गाइड देख सकते हैं](https://wagmi.sh/react/migration-guide#010x-breaking-changes)। -### 0.9.x तोड़ने वाले परिवर्तन +### 0.9.x में तोड़ने वाले परिवर्तन wagmi पीर डिपेंडेंसी को `0.9.x` पर अपडेट किया गया है। माइग्रेट करने के लिए नीचे दिए गए चरणों का पालन करें। -#### 1. RainbowKit और `wagmi` को उनके नवीनतम संस्करणों में अपग्रेड करें +#### 1. RainbowKit और `wagmi` को उनके नवीनतम संस्करण में अपग्रेड करें ```bash npm i @rainbow-me/rainbowkit@^0.9.0 wagmi@^0.9.0 ``` -#### 2. `wagmi` में तोड़ने वाले परिवर्तनों की जांच करें +#### 2. `wagmi` में तोड़ने वाले परिवर्तन की जांच करें यदि आप अपने एप्लिकेशन में `wagmi` हुक्स का उपयोग करते हैं, तो आपको जांचने की आवश्यकता होगी कि क्या आपका एप्लिकेशन `wagmi` में तोड़ने वाले परिवर्तनों से प्रभावित हो गया है। [आप यहां उनके माइग्रेशन गाइड देख सकते हैं](https://wagmi.sh/react/migration-guide#09x-breaking-changes)। -### 0.8.x ब्रेकिंग बदलाव +### 0.8.x में तोड़ने वाले परिवर्तन -wagmi साथी निर्भरता को `0.8.x` में अपडेट किया गया है। +wagmi पीर डिपेंडेंसी को `0.8.x` पर अपडेट किया गया है। माइग्रेट करने के लिए नीचे दिए गए चरणों का पालन करें। -#### 1. RainbowKit और `wagmi` को उनके नवीनतम संस्करणों में अपग्रेड करें +#### 1. RainbowKit और `wagmi` को उनके नवीनतम संस्करण में अपग्रेड करें ```bash npm i @rainbow-me/rainbowkit@^0.8.0 wagmi@^0.8.0 ``` -#### 2. `wagmi` में तोड़ने वाले परिवर्तनों की जांच करें +#### 2. `wagmi` में तोड़ने वाले परिवर्तन की जांच करें यदि आप अपने एप्लिकेशन में `wagmi` हुक्स का उपयोग करते हैं, तो आपको जांचने की आवश्यकता होगी कि क्या आपका एप्लिकेशन `wagmi` में तोड़ने वाले परिवर्तनों से प्रभावित हो गया है। -[आप यहां उनका माइग्रेशन गाइड देख सकते हैं](https://wagmi.sh/react/migration-guide#08x-breaking-changes). +[आप यहां उनके माइग्रेशन गाइड देख सकते हैं](https://wagmi.sh/react/migration-guide#08x-breaking-changes)। -### 0.7.x तोड़ने वाले परिवर्तन +### 0.7.x में तोड़ने वाले परिवर्तन -यदि आप एक कस्टम वॉलेट सूची बना रहे हैं, तो अब आपको बंडल आकार को कम करने के लिए प्रत्येक वॉलेट को व्यक्तिगत रूप से आयात करना होगा. ध्यान दें कि चूंकि वॉलेट्स अब `wallet` ऑब्जेक्ट के माध्यम से नामस्थानीय नहीं हैं, इसलिए सभी वॉलेट्स के पास अब एक `Wallet` प्रत्यय है. +यदि आप एक कस्टम वॉलेट सूची बना रहे हैं, तो आपको बंडल आकार को कम करने के लिए अब प्रत्येक वॉलेट को अलग से आयात करना होगा। ध्यान दें कि चूंकि वॉलेट अब `wallet` वस्तु के माध्यम से नामित नहीं हैं, सभी वॉलेट्स में अब एक `Wallet` प्रत्यय है। ```diff -import { connectorsForWallets, wallet } from '@rainbow-me/rainbowkit'; @@ -386,7 +386,7 @@ const wallets = [ ]; ``` -इसके अलावा ध्यान दें कि Steakwallet की पिछली संगतता की परत को हटा दिया गया है. इसके बजाय Omni का उपयोग किया जाना चाहिए. +यह भी ध्यान दें कि Steakwallet पिछड़ा संगतता परत हटा दी गई है। इसके बजाय Omni का उपयोग किया जाना चाहिए। ```diff -import { wallet } from '@rainbow-me/rainbowkit'; @@ -398,13 +398,13 @@ const wallets = [ ]; ``` -### 0.4.x तोड़ने वाले परिवर्तन +### 0.4.x में तोड़ने वाले परिवर्तन -RainbowKit ने `wagmi` सहकर्मी निर्भरता को `0.5.x` में अपडेट किया है. +RainbowKit ने `wagmi` सहकर्मी निर्भरता को `0.5.x` में अपडेट किया है। माइग्रेट करने के लिए नीचे दिए गए चरणों का पालन करें। -#### 1. निर्भरताओं को अपग्रेड करें +#### 1. निर्भरता को उन्नत करें RainbowKit और wagmi को उनके नवीनतम संस्करण में अपग्रेड करें @@ -412,17 +412,17 @@ RainbowKit और wagmi को उनके नवीनतम संस्क npm i @rainbow-me/rainbowkit@^0.4.0 wagmi@^0.5.0 ``` -#### 2. `wagmi` में तोड़ने वाले परिवर्तनों की जांच करें +#### 2. `wagmi` में तोड़ने वाले परिवर्तन की जांच करें यदि आप अपने एप्लिकेशन में `wagmi` हुक्स का उपयोग करते हैं, तो आपको जांचने की आवश्यकता होगी कि क्या आपका एप्लिकेशन `wagmi` में तोड़ने वाले परिवर्तनों से प्रभावित हो गया है। -[आप यहां उनका माइग्रेशन गाइड देख सकते हैं](https://wagmi.sh/react/migration-guide#05x-breaking-changes). +[आप यहां उनके माइग्रेशन गाइड देख सकते हैं](https://wagmi.sh/react/migration-guide#05x-breaking-changes)। -### 0.3.x तोड़ने वाले परिवर्तन +### 0.3.x में तोड़ने वाले परिवर्तन `Wallet` प्रकार पर `createConnector` से `chainId` पैरामीटर हटा दिया गया है। -**नोट करें कि सभी बिल्ट-इन वॉलेट्स नई API का उपयोग कर रहे हैं। अधिकांश उपभोक्ता प्रभावित नहीं होंगे। यह परिवर्तन केवल उन उपभोक्ताओं को प्रभावित करता है जिन्होंने [custom wallets](/docs/custom-wallets) बनाये/उपयोग किए हैं।** +**ध्यान दें कि सभी इनबिल्ट वॉलेट नई API का उपयोग कर रहे हैं। अधिकांश उपभोक्ता अप्रभावित रहेंगे। इस परिवर्तन का प्रभाव केवल उन उपभोक्ताओं पर पड़ेगा जिन्होंने [कस्टम वॉलेट्स](/docs/custom-wallets) बनाए/उपयोग किए हैं।** यदि आप पहले `chainId` पर RPC URLs का निर्माण करते थे `createConnector`, तो अब आप `wagmi` के साथ `configureChains` का उपऔग करते हुए RPC URLs को internally handle करते हैं, ऐसा आप अपनी logic remove कर सकते हैं। @@ -478,13 +478,13 @@ const connectors = connectorsForWallets([ ]); ``` -### 0.2.x तोड़ने वाले परिवर्तन +### 0.2.x में तोड़ने वाले परिवर्तन RainbowKit ने `wagmi` के पीर निर्भरता को `^0.4` के लिए अद्यतित किया है। माइग्रेट करने के लिए नीचे दिए गए चरणों का पालन करें। -#### 1. निर्भरताओं को अपग्रेड करें +#### 1. निर्भरता को उन्नत करें RainbowKit और wagmi को उनके नवीनतम संस्करण में अपग्रेड करें @@ -492,7 +492,7 @@ RainbowKit और wagmi को उनके नवीनतम संस्क npm i @rainbow-me/rainbowkit@^0.2.0 wagmi@^0.4.2 ``` -#### 2. configureChains आयात को बदलें +#### 2. चेन को कॉन्फ़िगर करने का इम्पोर्ट बदलें RainbowKit के बजाय wagmi से `configureChains` को आयात करें: @@ -501,15 +501,15 @@ RainbowKit के बजाय wagmi से `configureChains` को आया + import { configureChains } from 'wagmi'; ``` -#### 3. प्रदाताओं को स्थानांतरित करें +#### 3. प्रदाता को migrate करें -RainbowKit अब `apiProvider` को निर्यात नहीं करता है। इसे अपने वांछित प्रदाता के साथ बदलें जो wagmi से है। +RainbowKit अब `apiProvider` API का निर्यात नहीं करता है। इसे wagmi से अपने इच्छित प्रदाता से प्रतिस्थापित करें। ```diff - import { apiProvider } from '@rainbow-me/rainbowkit'; ``` -#### अल्केमी +#### Alchemy `wagmi/providers/alchemy` से `alchemyProvider` को इम्पोर्ट करें। @@ -573,7 +573,7 @@ const { chains, provider } = configureChains( ); ``` -#### 4. Wagmi के प्रदाता का नाम बदलें +#### 4. वाग्मी के प्रदाता का नाम बदलें `WagmiProvider` का नाम बदलकर `WagmiConfig` करें। diff --git a/site/data/hi/docs/modal-hooks.mdx b/site/data/hi/docs/modal-hooks.mdx index cc064300f8..a31c3c4282 100644 --- a/site/data/hi/docs/modal-hooks.mdx +++ b/site/data/hi/docs/modal-hooks.mdx @@ -7,13 +7,13 @@ description: हुक्स के माध्यम से कार्यक ## हुक्स के माध्यम से कार्यक्रमनिर्धारित रूप से मोडल्स खोलें -निम्नलिखित हुक्स आपके ऐप्लिकेशन में कहीं भी मोडल्स को कार्यक्रमनिर्धारित रूप से खोलने की अनुमति देने के लिए प्रदान की जाती हैं। +निम्नलिखित हुक्स प्रदान किए गए हैं ताकि आपके एप्लिकेशन में कहीं भी कार्यक्रमनिर्धारित रूप से मोडल्स खोले जा सकें। - `useConnectModal` - `useAccountModal` - `useChainModal` -इनमें से प्रत्येक हुक्स एक ऑब्जेक्ट लौटाता है जिसमें उसके संबंधित मोडल को खोलने का एक फ़ंक्शन होता है। ध्यान दें कि अगर आपका एप्लिकेशन मोडल को खोलने के लिए आवश्यक स्थिति में नहीं होता है, तो लौटाये गए फ़ंक्शंस अपरिभाषित हो सकते हैं। +इनमें से प्रत्येक हुक्स अपने संबंधित मोडल को खोलने के लिए एक फ़ंक्शन के साथ एक ऑब्जेक्ट लौटाता है। ध्यान दें कि लौटाए गए फ़ंक्शंस अपरिभाषित होंगे यदि आपका एप्लिकेशन मोडल को खोलने के लिए आवश्यक स्थिति में नहीं है। ```tsx import { @@ -51,7 +51,7 @@ export const YourApp = () => { }; ``` -प्रत्येक हुक को मोडल की स्थिति के लिए एक बूलियन भी लौटाता है। यह साधारणत: अनुशंसा की जाती है कि आप केवल Wagmi हुक्स (यानी `useAccount`) पर निर्भर रहें, ताकि उपयोगकर्ता के वॉलेट कनेक्शन स्थिति के प्रति प्रतिक्रिया कर सकें, जबकि कनेक्ट मोडल की स्थिति पर निर्भरता के बजाय। +प्रत्येक हुक भी मोडल की स्थिति के लिए एक बूलियन लौटाता है। आम तौर पर अनुशंसा की जाती है कि आप उपयोगकर्ता के वॉलेट कनेक्शन स्थिति पर सीधे प्रतिक्रिया करने के लिए केवल Wagmi हुक्स (यानी `useAccount`) पर निर्भर करें, बजाय इसके कि कनेक्ट मोड की स्थिति पर निर्भर करें। ```tsx const { connectModalOpen } = useConnectModal(); @@ -59,6 +59,6 @@ const { accountModalOpen } = useAccountModal(); const { chainModalOpen } = useChainModal(); ``` -RainbowKit को बाधारहित और प्रतिसादात्मक बनाया गया है, इसलिए dApps को हमेशा उपयोगकर्ताओं के लिए एक इंटरफ़ेस रेंडर करना चाहिए, चाहे वे अपने वॉलेट से जुड़े हों या नहीं। एक उपयोगकर्ता सीधे MetaMask से अपना वॉलेट जोड़ या अलग कर सकता है, इसलिए dApp को सीधे अधीनस्थ कनेक्शन स्थिति के प्रति प्रतिसादात्मक होना चाहिए। +RainbowKit को अवरोधक और उत्तरदायी होने के लिए डिज़ाइन किया गया है, इसलिए dApps को हमेशा उपयोगकर्ताओं के लिए एक इंटरफ़ेस प्रस्तुत करना चाहिए चाहे उन्होंने अपना वॉलेट कनेक्ट किया हो या नहीं। एक उपयोगकर्ता सीधे MetaMask से अपना वॉलेट कनेक्ट या डिस्कनेक्ट कर सकता है, इसलिए dApp को सीधे अंतर्निहित कनेक्शन स्थिति के प्रति उत्तरदायी होना चाहिए। -उन dApps पर भरोसा करना चाहिए जो मैकेनिज़म्स पर निर्भर करते हैं जैसे कि उपयोगकर्ता सत्यापन के लिए Ethereum के साथ Sign-in की जगह [Authentication](/docs/authentication) विशेषता पर निर्भर करना चाहिए। +उपयोगकर्ता सत्यापन के लिए Ethereum के साथ साइन-इन जैसे तंत्र पर भरोसा करने वाले dApps को इसके बजाय [Authentication](/docs/authentication) सुविधा पर भरोसा करना चाहिए। diff --git a/site/data/hi/docs/modal-sizes.mdx b/site/data/hi/docs/modal-sizes.mdx index ee89540c29..1be7bed5ea 100644 --- a/site/data/hi/docs/modal-sizes.mdx +++ b/site/data/hi/docs/modal-sizes.mdx @@ -1,21 +1,21 @@ --- title: मोडल के आकार -description: वाईड बनाम कॉम्पैक्ट +description: चौड़ा बनाम कॉम्पैक्ट --- # मोडल के आकार -## वाईड बनाम कॉम्पैक्ट आकार +## चौड़ा बनाम कॉम्पैक्ट आकार -डिफ़ॉल्ट रूप से, RainbowKit का `modalSize` `wide` पर सेट होता है (और इस तरह दिखता है): +डिफ़ॉल्ट रूप से, RainbowKit का `modalSize` `wide` पर सेट है (और ऐसा दिखता है): -हम एक `compact` मोडल आकार भी प्रदान करते हैं, जो इस तरह दिखता है: +हम `कॉम्पैक्ट` मोडल आकार भी प्रदान करते हैं, जो ऐसा दिखता है: -अपने मोडल के आकार को `compact` पर सेट करने के लिए, बस अपने `RainbowKitProvider` में `modalSize="compact"` को prop के रूप में जोड़ें: +अपने मोडल आकार को `compact` पर सेट करने के लिए, बस `modalSize="compact"` को अपने `RainbowKitProvider` में एक prop के रूप में जोड़ें: ```tsx import { RainbowKitProvider } from '@rainbow-me/rainbowkit'; diff --git a/site/data/hi/docs/recent-transactions.mdx b/site/data/hi/docs/recent-transactions.mdx index ef505af543..35ea7fdfb4 100644 --- a/site/data/hi/docs/recent-transactions.mdx +++ b/site/data/hi/docs/recent-transactions.mdx @@ -7,11 +7,11 @@ description: अपने हालिया लेनदेन दिखाए ## अपने हालिया लेनदेन दिखाएं -आप RainbowKit के खाता मॉडल के भीतर हाल के लेनदेनों को प्रदर्शित करने के लिए विकल्प चुन सकते हैं। ध्यान दें कि सभी लेनदेन स्थानीय संग्रहण में रखे जाते हैं और इन्हें प्रदर्शित करने के लिए RainbowKit के साथ मैन्युअल रूप से पंजीकृत करना होगा। +आप RainbowKit के खाते के मोडल में हालिया लेनदेन प्रदर्शित करने का विकल्प चुन सकते हैं। ध्यान दें कि सभी लेनदेन स्थानीय स्टोरेज में रखे जाते हैं और प्रदर्शित होने के लिए मैन्युअली RainbowKit के साथ पंजीकृत होने चाहिए। -डिफ़ॉल्ट `ConnectButton` कार्यान्वयन यदि लंबित लेनदेन हों तो यूजर के अवतार के चारों ओर लोडिंग संकेतक भी प्रदर्शित करेगा। कस्टम `ConnectButton` कार्यान्वयन `account.hasPendingTransactions` गुणधर्म के माध्यम से इस व्यवहार को पुनः निर्माण कर सकते हैं जो आपके रेंडर फ़ंक्शन को पास की जाती है। +डिफ़ॉल्ट `ConnectButton` कार्यान्वयन भी उपयोगकर्ता के अवतार के चारों ओर लोडिंग संकेतक प्रदर्शित करेगा अगर कोई लंबित लेनदेन हैं। कस्टम `ConnectButton` कार्यान्वयन इस व्यवहार को पुनः प्राप्त कर सकते हैं `account.hasPendingTransactions` प्रॉपर्टी के माध्यम से जो आपके रेंडर फ़ंक्शन को पास की जाती है। -इस सुविधा का उपयोग करने के लिए, पहले `showRecentTransactions` विकल्प को `RainbowKitProvider` पर सक्षम करें। +इस सुविधा का उपयोग करने के लिए, पहले `RainbowKitProvider` पर `showRecentTransactions` विकल्प सक्षम करें। ```tsx import { RainbowKitProvider } from '@rainbow-me/rainbowkit'; @@ -25,7 +25,7 @@ const App = () => { }; ``` -इसके बाद लेनदेनों को RainbowKit के साथ पंजीकृत किया जा सकता है जिसके लिए `useAddRecentTransaction` हुक का उपयोग करें। +लेनदेन को फिर `useAddRecentTransaction` हुक का उपयोग करके RainbowKit के साथ पंजीकृत किया जा सकता है। ```tsx import { useAddRecentTransaction } from '@rainbow-me/rainbowkit'; @@ -48,9 +48,9 @@ export default () => { }; ``` -एक बार जब लेनदेन RainbowKit के साथ पंजीकृत हो जाता है, तो इसकी स्थिति समापन पर अद्यतित हो जाएगी। +एक बार लेनदेन पंजीकृत होने के बाद, समापन पर इसकी स्थिति को अपडेट किया जाएगा। -डिफ़ॉल्ट रूप से लेन-देन को पूरा माना जाएगा जब एक अकेला ब्लॉक खुदाई किया जाता है जिस ब्लॉक में लेन-देन की खुदाई की गई थी, लेकिन इसे एक कस्टम `confirmations` मान निर्दिष्ट करके कॉन्फ़िगर किया जा सकता है। +डिफ़ॉल्ट रूप से, लेनदेन को पूरा माना जाएगा एक बार एक ब्लॉक माइन हो जाने के बाद जिसमें लेनदेन माइन किया गया था, लेकिन इसे एक कस्टम `confirmations` मान निर्दिष्ट करके कॉन्फ़िगर किया जा सकता है। ```tsx import { useAddRecentTransaction } from '@rainbow-me/rainbowkit'; diff --git a/site/data/hi/docs/theming.mdx b/site/data/hi/docs/theming.mdx index 68c2b3f99e..b0d52e55c7 100644 --- a/site/data/hi/docs/theming.mdx +++ b/site/data/hi/docs/theming.mdx @@ -7,7 +7,7 @@ description: थीम्स का उपयोग करना और कस ## थीम्स का उपयोग करना और कस्टमाइज़ करना -आप अपनी ब्रांडिंग से मेल खाने के लिए RainbowKit UI को ट्वीक कर सकते हैं। आप कुछ पूर्वनिर्धारित एक्सेंट रंगों और बॉर्डर त्रिज्या कॉन्फ़िगरेशन का चयन कर सकते हैं। +आप रेनबोकिट UI को अपने ब्रांडिंग के अनुसार समायोजित कर सकते हैं। आप कुछ पूर्व-परिभाषित एक्सेंट रंगों और बॉर्डर रेडियस कॉन्फ़िगरेशन में से चुन सकते हैं। 3 बिल्ट-इन थीम फ़ंक्शन हैं: @@ -15,7 +15,7 @@ description: थीम्स का उपयोग करना और कस - `darkTheme` - `midnightTheme` -एक थीम फ़ंक्शन एक थीम ऑब्जेक्ट लौटाता है। आप `RainbowKitProvider` के `theme` prop को ऑब्जेक्ट पास कर सकते हैं। +एक थीम फ़ंक्शन एक थीम ऑब्जेक्ट लौटाता है। आप इस ऑब्जेक्ट को `RainbowKitProvider` के `theme` प्रॉप में पास कर सकते हैं। ```tsx import { RainbowKitProvider, darkTheme } from '@rainbow-me/rainbowkit'; @@ -119,7 +119,7 @@ const App = () => { }; ``` -प्रत्येक थीम भी कई एक्सेंट रंग प्रीसेट्स ( 'नीला', 'हरा', 'नारंगी', 'पिंक', 'बैंगनी', 'लाल') प्रदान करती है जिसे विकल्पों के ऑब्जेक्ट में फैलाया जा सकता है। उदाहरण के लिए, 'पिंक' एक्सेंट रंग प्रीसेट का उपयोग करने के लिए: +प्रत्येक थीम भी कई एक्सेंट रंग प्रीसेट ( `blue`, `green`, `orange`, `pink`, `purple`, `red`) प्रदान करती है जिन्हें विकल्प ऑब्जेक्ट में शामिल किया जा सकता है। उदाहरण के लिए, `pink` एक्सेंट रंग प्रीसेट का उपयोग करने के लिए: ```tsx import { RainbowKitProvider, darkTheme } from '@rainbow-me/rainbowkit'; @@ -142,7 +142,7 @@ const App = () => { #### थीम फ़ंक्शन -यहाँ `theme` prop का उपयोग करने के कुछ अलग-अलग तरीके हैं। +यहाँ `theme` प्रॉप का उपयोग करने के कुछ अलग-अलग तरीके हैं। `darkTheme` थीम का उपयोग करें। @@ -256,11 +256,11 @@ const App = () => { }; ``` -> अनुस्मारक: उपलब्ध बॉर्डर रेडियस मान हैं: `large` (डिफ़ॉल्ट), `medium`, `small` और `none`. +> अनुस्मारक: उपलब्ध बॉर्डर रेडियस मान हैं: `large` (डिफ़ॉल्ट), `medium`, `small` और `none`। #### फ़ॉन्ट स्टैक -डिफ़ॉल्ट रूप से, `fontStack` को `rounded` पर सेट किया जाता है। लेकिन यहां आप `fontStack` कॉन्फ़िग का उपयोग कैसे कर सकते हैं। +डिफ़ॉल्ट रूप से, `fontStack` को `rounded` पर सेट किया गया है। लेकिन यहाँ यह बताया गया है कि आप `fontStack` config का उपयोग कैसे कर सकते हैं। फ़ॉन्ट स्टैक को `system` पर सेट करें। @@ -283,7 +283,7 @@ const App = () => { #### ओवरले ब्लर -डिफ़ॉल्ट रूप से, `overlayBlur` को `none` पर सेट किया जाता है। लेकिन यहां आप `overlayBlur` कॉन्फ़िग का उपयोग कैसे कर सकते हैं। +डिफ़ॉल्ट रूप से, `overlayBlur` को `none` पर सेट किया गया है। लेकिन यहाँ यह बताया गया है कि आप `overlayBlur` config का उपयोग कैसे कर सकते हैं। ओवरले ब्लर को `small` पर सेट करें। diff --git a/site/data/hi/docs/wallet-button.mdx b/site/data/hi/docs/wallet-button.mdx index 1c6a21554a..1487581697 100644 --- a/site/data/hi/docs/wallet-button.mdx +++ b/site/data/hi/docs/wallet-button.mdx @@ -1,13 +1,13 @@ --- title: वॉलेट बटन -description: वॉलेट बटन का उपयोग और अनुकूलन करना +description: वॉलेट बटन का उपयोग और अनुकूलन --- # वॉलेट बटन -> ध्यान दें: `WalletButton` वर्तमान में EIP-1193 वॉलेट मानक पर निर्भर करता है, परंतु निकट भविष्य में EIP-6963 का समर्थन करेगा। +> नोट: `वॉलेट बटन` वर्तमान में EIP-1193 वॉलेट मानक पर निर्भर करता है, लेकिन निकट भविष्य में EIP-6963 का समर्थन करेगा। -यह नया `वॉलेट बटन` कंपोनेंट डीएपीइस और उसकी मेंटेनेंस-फ्री लाभों को अपनाने में dApps की मदद करता है। +नया `वॉलेट बटन` कॉंपोनेंट dApps को कस्टम वॉलेट सूची के कार्यान्वयन के साथ RainbowKit को अपनाने और इसके सभी रखरखाव-मुक्त लाभों के साथ मदद करता है। ```tsx import { WalletButton } from '@rainbow-me/rainbowkit'; @@ -17,7 +17,7 @@ import { WalletButton } from '@rainbow-me/rainbowkit'; ``` -`वॉलेट बटन.कस्टम` कंपोनेंट अनुकूलन और स्टाइलिंग के लिए उपलब्ध है, जैसा कि सीखा जाता है। +`कनेक्ट बटन` की तरह, `वॉलेट बटन.Custom` कॉंपोनेंट अनुकूलन कार्यान्वयन और स्टाइलिंग के लिए उपलब्ध है। ```tsx @@ -35,10 +35,10 @@ import { WalletButton } from '@rainbow-me/rainbowkit'; ``` -अधिकांश dApps को [ConnectButton](https://www.rainbowkit.com/docs/connect-button) से अच्छी सेवा प्रदान की जाती है। `वॉलेट बटन` के ग्रहण और उपयोग के बारे में अधिक जानकारी के लिए दस्तावेज़ [here](https://www.rainbowkit.com/docs/wallet-button) का संदर्भ लें। +अधिकांश dApps के लिए [ConnectButton](https://www.rainbowkit.com/docs/connect-button) सबसे अच्छा विकल्प है। अधिक जानकारी के लिए `वॉलेट बटन` को अपनाने और उपयोग के मामलों के बारे में [यहां](https://www.rainbowkit.com/docs/wallet-button) देखिए। #### डेमो -देखने के लिए नीचे बटन दबाएँ, इस रेंबोकिट प्रवेश बिंदु की दिखावट क्या होती है। +यह देखने के लिए नीचे दिए गए बटन दबाएं कि यह RainbowKit प्रवेश बिंदु कैसा दिखता है। diff --git a/site/data/hi/guides/rainbow-button.mdx b/site/data/hi/guides/rainbow-button.mdx index 4b0ae0acff..a3d2728cd5 100644 --- a/site/data/hi/guides/rainbow-button.mdx +++ b/site/data/hi/guides/rainbow-button.mdx @@ -8,17 +8,17 @@ image: guide-rainbow-button.png `RainbowButton` कॉंपोनेंट, `wagmi` का उपयोग करने वाले dApps के लिए Rainbow Wallet के समर्थन के लिए एक सरलतम तरीका है जो [RainbowKit](https://www.rainbowkit.com/docs/installation) से अधिक, एक कस्टम कनेक्टर अनुभव का प्रोत्साहन करते हैं। -**1. `@rainbow-me/rainbow-button` और इसके अंशीय आवश्यकता इंस्टॉल करें** +**1. `@rainbow-me/rainbow-button` और इसके सहायक निर्भरताओं को स्थापित करें** -पैकेज Next.js, React और Vite के साथ संगत है। उपेक्षा न करें और पियर डिपेंडन्सी चेतावनी का पालन करें। +यह पैकेज Next.js, React, और Vite के साथ संगत है। सुनिश्चित करें कि आप सहायक निर्भरता चेतावनियों का पालन करें। ```bash npm install @rainbow-me/rainbow-button wagmi viem@2.x @tanstack/react-query ``` -**2. Wagmi के साथ कॉन्फ़िगर करें और RainbowButton इंस्टॉल करें** +**2. Wagmi के साथ कॉन्फ़िगर करें और RainbowButton स्थापित करें** -`rainbowConnector` का एक उदाहरण Wagmi के `createConfig` में `projectId` और `appName` के साथ पास करें, और अपने ऐप को `RainbowButtonProvider` में लपेटें। फिर `RainbowButton` कौम्पोनॅन्ट को ड्रॉप-इन करें। +`rainbowConnector` के उदाहरण को Wagmi के `createConfig` में `projectId` और `appName` के साथ पास करें, और अपने ऐप को `RainbowButtonProvider` में रैप करें। फिर `RainbowButton` कॉंपोनेंट को ड्रॉप-इन करें। ```tsx import '@rainbow-me/rainbow-button/styles.css'; @@ -81,7 +81,7 @@ function MyApp({ Component, pageProps }: AppProps) { ``` -**3. और यही है!** +**3. और यह हो गया!** अब आपके उपयोगकर्ता Rainbow के लिए एक अविभाज्य कनेक्शन अनुभव का आनंद ले सकते हैं - कोई रखरखाव या परेशानी के बिना। diff --git a/site/data/hi/guides/rainbowkit-wagmi-v2.mdx b/site/data/hi/guides/rainbowkit-wagmi-v2.mdx index 4fab35a90c..9ea386d775 100644 --- a/site/data/hi/guides/rainbowkit-wagmi-v2.mdx +++ b/site/data/hi/guides/rainbowkit-wagmi-v2.mdx @@ -10,13 +10,13 @@ image: guide-rainbowkit-v2.png माइग्रेट करने के लिए नीचे दिए गए चरणों का पालन करें। -**1. RainbowKit, `wagmi`, और `viem` को उनके नवीनतम संस्करणों में अपग्रेड करें** +**1. RainbowKit, `wagmi`, और `viem` को उनके नवीनतम संस्करण में अपग्रेड करें** ```bash npm i @rainbow-me/rainbowkit wagmi viem@2.x ``` -**2. `@tanstack/react-query` पीयर डिपेंडेंसी इंस्टॉल करें** +**2. `@tanstack/react-query` पीयर निर्भरता स्थापित करें** Wagmi v2 के साथ, [TanStack Query](https://tanstack.com/query/v5/docs/react/overview) अब एक आवश्यक पीयर निर्भरता है। @@ -89,7 +89,7 @@ npm i @tanstack/react-query } ``` -**4. `wagmi` और `viem` में ब्रेकिंग परिवर्तनों की जांच करें** +**4. `wagmi` और `viem` में महत्वपूर्ण परिवर्तनों की जाँच करें** यदि आप अपने dApp में `wagmi` हुक्स और `viem` एक्शन्स का उपयोग करते हैं, तो आपको v2 के लिए माइग्रेशन गाइड्स का पालन करना होगा: @@ -100,17 +100,17 @@ npm i @tanstack/react-query **1. EIP-6963 वॉलेट्स के लिए सुधारित व्यवहार** -वे वॉलेट्स जो नए EIP-6963 कनेक्शन मानक का समर्थन करते हैं (जिसमें Rainbow, MetaMask, और अधिक शामिल हैं) अब कनेक्ट वॉलेट अनुभव के दौरान एक `Installed` अनुभाग में स्वतः प्रदर्शित होंगे। यह सुनिश्चित करता है कि उपयोगकर्ता हमेशा अपने पसंदीदा वॉलेट्स को ढूंढ सकें और द्वंद्व या बैकअप बटनों के बिना dApps से जुड़ सकें। +वॉलेट्स जो नए EIP-6963 कनेक्शन मानक का समर्थन करते हैं (जिसमें Rainbow, MetaMask, और अन्य शामिल हैं) अब Connect Wallet अनुभव के दौरान एक `Installed` सेक्शन में स्वचालित रूप से दिखाई देंगे। यह सुनिश्चित करता है कि उपयोगकर्ता हमेशा अपने पसंदीदा वॉलेट्स पा सकते हैं और बिना किसी संघर्ष या फॉलबैक बटनों के dApps से कनेक्ट हो सकते हैं। -डेवलपर्स को अंतिम उपयोगकर्ताओं के लिए पसंदीदा वॉलेट्स पर जोर देने के लिए कस्टम वॉलेट लिस्ट पर पूर्ण नियंत्रण जारी रहेगा। यह सलाह दी जाती है कि आप अपनी सूची में `injectedWallet` और `walletConnectWallet` को शामिल करते रहें ताकि सभी प्लेटफार्मों का समर्थन किया जा सके। +डेवलपर्स को अंतिम उपयोगकर्ताओं के लिए पसंदीदा वॉलेट्स पर ज़ोर देने के लिए पूरी तरह से कस्टम वॉलेट सूची पर नियंत्रण मिलता है। आपको अपनी सूची में `injectedWallet` और `walletConnectWallet` को शामिल करने की सलाह दी जाती है ताकि सभी प्लेटफ़ॉर्म्स का समर्थन किया जा सके। -**2. Wagmi कॉन्फ़िगरेशन getDefaultConfig के साथ** +**2. getDefaultConfig** के साथ Wagmi कॉन्फ़िगरेशन\*\* -यह नया API कॉन्फ़िगरेशन अनुभव को सरल बनाता है और सीधे Wagmi के `createConfig` का उपयोग करने की आवश्यकता को प्रतिस्थापित करता है। चेन कॉन्फ़िगरेशन सरलीकृत है, इसमें `transports` के लिए अनुमानित सार्वजनिक प्रदाताओं शामिल हैं। +यह नया API कॉन्फ़िगरेशन अनुभव को सरल बनाता है और सीधे Wagmi के `createConfig` का उपयोग करने की आवश्यकता को प्रतिस्थापित करता है। Chain कॉन्फ़िगरेशन को सरल किया गया है, जिसमें `transports` के लिए अनुमानित सार्वजनिक प्रदाता शामिल हैं। डिफ़ॉल्ट वॉलेट सूची स्वचालित रूप से शामिल की जाएगी, `getDefaultWallets` और `connectorsForWallets` का उपयोग करने की आवश्यकता को अप्रचलित करते हुए। -आप कस्टम वॉलेट सूची बना सकते हैं जिसमें आयातित या कस्टम वॉलेट कनेक्टर्स को `wallets` के लिए पास किया जाता है। वॉलेट कनेक्टर्स को इंस्टेंट करना और `projectId` और `chains` को पास करना अब आवश्यक नहीं है। +आप `wallets` को आयातित या कस्टम वॉलेट कनेक्टर्स को पारित करके कस्टम वॉलेट सूची बना सकते हैं। वॉलेट कनेक्टर्स को इंस्टेंशिएट करना और `projectId` और `chains` को पास करना अब आवश्यक नहीं है। ``` const config = getDefaultConfig({ @@ -124,7 +124,7 @@ const config = getDefaultConfig({ **3. RainbowKitProvider** -आपको अब `chains` को `` में पास करने की आवश्यकता नहीं है। +अब आपको `chains` को `` में पास करने की आवश्यकता नहीं है। ```diff - @@ -193,10 +193,10 @@ const config = getDefaultConfig({ }) ``` -\*\*5. कस्टम वॉलेट्स सूची +**5. कस्टम वॉलेट्स** -RainbowKit वॉलेट कनेक्टर्स में Wagmi v2 का समर्थन करने के लिए महत्वपूर्ण परिवर्तन किए गए हैं। किसी भी कस्टम वॉलेट कनेक्टर्स को अपग्रेड करने के लिए [अपडेटेड डॉक्स](https://www.rainbowkit.com/docs/custom-wallets) और एक [उदाहरण कनेक्टर](packages/rainbowkit/src/wallets/walletConnectors/rainbowWallet/rainbowWallet.ts) का संदर्भ लें। +RainbowKit वॉलेट कनेक्टर्स ने Wagmi v2 का समर्थन करने के लिए पर्याप्त परिवर्तन किए हैं। अपने dApp में किसी भी कस्टम वॉलेट कनेक्टर्स को अपग्रेड करने के लिए [अपडेटेड डॉक्स](https://www.rainbowkit.com/docs/custom-wallets) और [उदाहरण कनेक्टर](packages/rainbowkit/src/wallets/walletConnectors/rainbowWallet/rainbowWallet.ts) को देखें। अपने dApp में किसी भी कस्टम वॉलेट कनेक्टर्स को अपग्रेड करने के लिए [अपडेटेड डॉक्स](https://www.rainbowkit.com/docs/custom-wallets) और [उदाहरण कनेक्टर](packages/rainbowkit/src/wallets/walletConnectors/rainbowWallet/rainbowWallet.ts) को देखें। -वॉलेट कनेक्टर्स अब EIP-6963 मानक का भी समर्थन करते हैं `rdns` प्रॉप के साथ। अपनी वॉलेट सूची में EIP-6963 का समर्थन करने वाले वॉलेट्स के डुप्लिकेट संदर्भों से बचने के लिए यह सुनिश्चित करें कि यह पॉप्युलेटेड हो। +वॉलेट कनेक्टर्स अब `rdns` प्रोप के साथ EIP-6963 मानक का समर्थन भी करते हैं। सुनिश्चित करें कि इसे भरा गया है ताकि आपके वॉलेट सूची में EIP-6963 का समर्थन करने वाले वॉलेटस के डुप्लिकेट संदर्भों को रोका जा सके। > कृपया RainbowKit v2 के लिए कोई भी समस्याएं या प्रतिक्रिया GitHub पर [यहाँ](https://github.com/rainbow-me/rainbowkit/issues/new/choose) रिपोर्ट करें। diff --git a/site/data/hi/guides/walletconnect-v2.mdx b/site/data/hi/guides/walletconnect-v2.mdx index ee4f606797..252b1b396c 100644 --- a/site/data/hi/guides/walletconnect-v2.mdx +++ b/site/data/hi/guides/walletconnect-v2.mdx @@ -10,21 +10,21 @@ image: guide-walletconnect-v2.png WalletConnect v1 प्रोटोकॉल को 28 जून, 2023 को बंद कर दिया जाएगा, और RainbowKit आपके संक्रमण को बहुत सरल बनाने में आपकी मदद करेगा। -अब WalletConnect v2 के लिए समर्थन RainbowKit में मानक है, बिना किसी टूट-फूट के। बस अपग्रेड करें और अतिरिक्त विवरण के लिए नीचे दिए गए गाइड का संदर्भ लें। +RainbowKit में WalletConnect v2 के लिए समर्थन अब मानक है, बिना किसी तोड़फोड़ के बदलाव के। बस अपग्रेड करें और अतिरिक्त विवरण के लिए नीचे दिए गए गाइड का संदर्भ लें। #### WalletConnect v2 को समझना -WalletConnect वह प्रोटोकॉल है जो उपयोगकर्ताओं को अपने मोबाइल वॉलेट को आपके dApp से जोड़ने की अनुमति देता है, और यह RainbowKit का महत्वपूर्ण आधार है। WalletConnect v2 की हाल ही में हुई रिलीज ने वॉलेट-डैप अनुभव को और बेहतर बनाने के लिए कई महत्वपूर्ण अपग्रेड लाया है। +WalletConnect वह प्रोटोकॉल है जो उपयोगकर्ताओं को अपने मोबाइल वॉलेट को आपके dApp से कनेक्ट करने की अनुमति देता है, और यह RainbowKit की एक महत्वपूर्ण नींव है। WalletConnect v2 के हालिया रिलीज में बहुत महत्वपूर्ण अपग्रेड शामिल हैं जो वॉलेट-dApp के अनुभव को और भी बेहतर बनाते हैं। -v2 के साथ, अब आपके उपयोगकर्ता एक साथ कई चेन्स से जुड़ सकते हैं, इसलिए आप चेन स्विचिंग हैंडशेक के बारे में भूल सकते हैं। यह अधिक नेटवर्कों के लिए समर्थन बढ़ाता है, और इथेरियम के साथ साइन-इन को और भी तेज़ करने के लिए सुधार लाता है। +v2 के साथ, आपके उपयोगकर्ता अब कई श्रृंखलाओं (chains) से एक साथ जुड़ सकते हैं, जिससे आप श्रृंखला स्विचिंग हैंडशेक को भूल सकते हैं। यह और भी अधिक नेटवर्क के लिए समर्थन को विस्तारित करता है, और ऐसे सुधार लाता है जो Ethereum के साथ साइन-इन को और भी तेज़ बनाते हैं। #### अपना dApp अपग्रेड करना -यदि आपने पहले से ही RainbowKit `0.12.x` और `1.0.x` के लिए माइग्रेशन गाइड का पालन किया है, तो आप लगभग वहां पहुंच गए हैं! बस नवीनतम पैच रिलीज़ पर अपग्रेड करें और उसे आज़माएं। +यदि आपने पहले ही RainbowKit `0.12.x` और `1.0.x` के लिए माइग्रेशन गाइड का पालन किया है, तो आप लगभग वहां पहुंच चुके हैं! बस नवीनतम पैच रिलीज़ में अपग्रेड करें और इसे आज़माएं। -RainbowKit ने डिफ़ॉल्ट रूप से WalletConnect v2 को `0.12.15` और `1.0.2` के साथ सक्षम किया। हम `0.12.x` के लिए समर्थन जारी रख रहे हैं, यदि आपका dApp अब तक wagmi v1 और RainbowKit v1 पर अपग्रेड नहीं किया है। +RainbowKit ने डिफ़ॉल्ट रूप से WalletConnect v2 को `0.12.15` और `1.0.2` के साथ सक्षम किया। हम `0.12.x` के लिए समर्थन जारी रख रहे हैं यदि आपका dApp अभी तक wagmi v1 और RainbowKit v1 में अपग्रेड नहीं हुआ है। -**1. निर्भरताओं का अपग्रेड** +\*\*1. निर्भरता को अपग्रेड करना ```bash npm i @rainbow-me/rainbowkit@^1.0.2 wagmi@^1.2 @@ -34,9 +34,9 @@ npm i @rainbow-me/rainbowkit@^1.0.2 wagmi@^1.2 यह अनुशंसित किया जाता है कि `0.12.x` dApps को वाग्मी v1 में अपग्रेड करना शुरु कर दें, क्योंकि WalletConnect v2 के लिए स्थिरता सुधार केवल भविष्य के वाग्मी संस्करणों में शामिल होंगे। -\*\*2. परियोजना आईडी प्रदान करना +\*\*2. प्रोजेक्ट आईडी प्रदान करना -हर dApp को जो WalletConnect पर निर्भर करता है, को अब [WalletConnect Cloud](https://cloud.walletconnect.com/) से एक `projectId` प्राप्त करना होगा। इसमें बिल्कुल मुफ्त है और सिर्फ कुछ मिनट लगते हैं। +हर dApp जो WalletConnect पर निर्भर करता है अब उसे [WalletConnect Cloud](https://cloud.walletconnect.com/) से एक `projectId` प्राप्त करना होगा। यह बिल्कुल मुफ्त है और केवल कुछ मिनट लगते हैं। अपने `projectId` को `getDefaultWallets` और व्यक्तिगत RainbowKit वॉलेट कनेक्टर्स को निम्नलिखित की तरह सप्लाई करें: @@ -60,7 +60,7 @@ const connectors = connectorsForWallets([ ]); ``` -RainbowKit type-safe है और जब एक `projectId` गायब होता है तो यह आपको चेतावनी देगा। हमारे उदाहरणों को देखने के लिए संदर्भ दें जिसमें v2 कार्यरत है: +RainbowKit प्रकार-सुरक्षित है और जब एक `projectId` गायब होता है तो आपको चेतावनी देगा। हमारे उदाहरणों को देखें ताकि आप देख सकें कि v2 कैसे काम करता है: - [Create React App](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-create-react-app) - [Next.js](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-next) @@ -68,4 +68,4 @@ RainbowKit type-safe है और जब एक `projectId` गायब हो - [Remix](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-remix) - [Vite](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-vite) -आतिरिक्त समर्थित विकल्पों के लिए [docs](https://www.rainbowkit.com/docs/custom-wallet-list#walletconnect) का संदर्भ लें। +आत्यधिक समर्थित विकल्पों के लिए [docs](https://www.rainbowkit.com/docs/custom-wallet-list#walletconnect) का संदर्भ लें। diff --git a/site/data/id/docs/authentication.mdx b/site/data/id/docs/authentication.mdx index 4007b31aa9..f29f94a82a 100644 --- a/site/data/id/docs/authentication.mdx +++ b/site/data/id/docs/authentication.mdx @@ -77,7 +77,7 @@ Dengan `RainbowKitSiweNextAuthProvider` di tempat, pengguna Anda sekarang akan d Anda dapat menyesuaikan [opsi pesan SIWE](https://github.com/spruceid/siwe/blob/v1.1.6/packages/siwe/lib/client.ts#L29) dengan melewatkan fungsi ke prop `getSiweMessageOptions` pada `RainbowKitSiweNextAuthProvider`. -Fungsi ini akan dipanggil setiap kali pesan baru dibuat. Opsi yang dikembalikan dari fungsi ini akan digabungkan dengan nilai default. +Fungsi ini akan dipanggil setiap kali pesan baru dibuat. Opsi yang dikembalikan dari fungsi ini akan digabungkan dengan setelan bawaan. ```tsx import { @@ -98,7 +98,7 @@ const getSiweMessageOptions: GetSiweMessageOptions = () => ({ #### Akses sesi dari sisi server -Anda dapat mengakses token sesi dengan fungsi `getToken` dari NextAuth yang diimpor dari `next-auth/jwt`. Jika pengguna berhasil diautentikasi, properti `sub` dari token sesi ("subjek" dari token, yaitu pengguna) akan menjadi alamat pengguna. +Anda dapat mengakses token sesi dengan fungsi `getToken` dari NextAuth yang diimpor dari `next-auth/jwt`. Jika pengguna telah berhasil autentikasi, properti `sub` dari token sesi ("subjek" token, yaitu pengguna) akan menjadi alamat pengguna. Anda juga dapat meneruskan objek sesi yang telah diselesaikan dari server melalui `getServerSideProps` sehingga NextAuth tidak perlu menyelesaikannya lagi di klien. diff --git a/site/data/id/docs/chains.mdx b/site/data/id/docs/chains.mdx index 1ed7f63946..62188f9057 100644 --- a/site/data/id/docs/chains.mdx +++ b/site/data/id/docs/chains.mdx @@ -7,11 +7,11 @@ description: Mengkustomisasi rantai ## Mengkustomisasi rantai -RainbowKit dirancang untuk berintegrasi dengan [objek `chain` dari wagmi](https://wagmi.sh/react/chains). Lihat daftar rantai yang didukung [here](https://wagmi.sh/react/chains#supported-chains). +RainbowKit dirancang untuk berintegrasi dengan [objek `chain` dari wagmi](https://wagmi.sh/react/chains). Lihat daftar rantai yang didukung [di sini](https://wagmi.sh/react/chains#supported-chains). ### Mengkustomisasi rantai awal -Secara default, RainbowKit akan terhubung ke rantai pertama yang diberikan ke Wagmi. Perilaku ini dapat dikustomisasi melalui prop `initialChain`. +Secara default, RainbowKit akan terhubung ke rantai pertama yang disediakan ke Wagmi. Perilaku ini dapat dikustomisasi melalui prop `initialChain`. Rantai awal dapat dikonfigurasi menggunakan ID rantai. @@ -25,9 +25,9 @@ Untuk kenyamanan, Anda juga dapat melewati sebuah objek rantai. ``` -### Metadata rantai khusus +### Metadata rantai kustom -Beberapa ikon rantai dan latar belakang disediakan secara default, tetapi Anda dapat menyesuaikan ikon dan latar belakang untuk setiap rantai menggunakan properti `iconUrl` dan `iconBackground`. +Beberapa ikon dan latar belakang rantai disediakan secara default, tetapi Anda dapat mengkustomisasi ikon dan latar belakang untuk setiap rantai menggunakan properti `iconUrl` dan `iconBackground`. Contoh dengan `getDefaultConfig` diff --git a/site/data/id/docs/connect-button.mdx b/site/data/id/docs/connect-button.mdx index 513a9e2a2c..5869d3094a 100644 --- a/site/data/id/docs/connect-button.mdx +++ b/site/data/id/docs/connect-button.mdx @@ -7,7 +7,7 @@ description: Menggunakan dan menyesuaikan ConnectButton ## Menggunakan dan menyesuaikan ConnectButton -Ini adalah komponen utama. Ini bertanggung jawab untuk merender tombol connect/disconnect, serta antarmuka pindah rantai. +Ini adalah komponen utama. Bertanggung jawab untuk menampilkan tombol koneksi / pemutusan, serta UI pergantian rantai. ```tsx import { ConnectButton } from '@rainbow-me/rainbowkit'; @@ -21,7 +21,7 @@ export const YourApp = () => { ### Props -Komponen `ConnectButton` mengungkapkan beberapa props untuk menyesuaikan tampilannya, termasuk mengonversi visibilitas elemen yang berbeda. +Komponen `ConnectButton` menyediakan beberapa props untuk menyesuaikan tampilannya, termasuk mengaktifkan / menonaktifkan visibilitas elemen yang berbeda. -> Catatan: titik patah bawaan `largeScreen` adalah `768px`. +> Catatan: breakpoint `largeScreen` bawaan adalah `768px`. ### Contoh #### Label -Gunakan `label` prop untuk mengatur teks `ConnectButton` yang kustom. +Gunakan prop `label` untuk mengatur teks `ConnectButton` khusus. ```tsx @@ -76,15 +76,15 @@ Gunakan `label` prop untuk mengatur teks `ConnectButton` yang kustom. #### Status akun -Berikut adalah beberapa cara yang bisa Anda gunakan untuk prop `accountStatus`. +Berikut beberapa cara berbeda yang bisa Anda gunakan pada prop `accountStatus`. -Hanya tampilkan avatar akun. +Hanya menampilkan avatar akun. ```tsx ``` -Hanya tampilkan alamat akun. +Hanya menampilkan alamat akun. ```tsx @@ -92,21 +92,21 @@ Hanya tampilkan alamat akun. #### Status rantai -Berikut adalah beberapa cara yang bisa Anda gunakan untuk prop `chainStatus`. +Berikut beberapa cara berbeda yang bisa Anda gunakan pada prop `chainStatus`. -Hanya tampilkan ikon rantai saat ini. +Hanya menampilkan ikon rantai saat ini. ```tsx ``` -Hanya tampilkan nama rantai saat ini. +Hanya menampilkan nama rantai saat ini. ```tsx ``` -Sembunyikan seluruh UI rantai. +Menyembunyikan UI rantai sepenuhnya. ```tsx @@ -114,7 +114,7 @@ Sembunyikan seluruh UI rantai. #### Tampilkan saldo -Gunakan prop `showBalance` untuk sembunyikan/menampilkan saldo. +Gunakan prop `showBalance` untuk menyembunyikan / menampilkan saldo. Sembunyikan saldo. @@ -124,9 +124,9 @@ Sembunyikan saldo. #### Responsif -Prop ini juga bisa ditentukan dalam format responsif. +Props ini juga dapat didefinisikan dalam format responsif. -Pada layar kecil, hanya tampilkan ikon akun. Tetapi pada layar besar, tampilkan ikon dan alamat. +Pada layar kecil, hanya menampilkan ikon akun. Tetapi pada layar besar, menampilkan ikon dan alamat. ```tsx ``` -Pada layar kecil, sembunyikan saldo. Tapi di layar besar, tampilkan itu. +Pada layar kecil, sembunyikan saldo. Tetapi pada layar besar, tampilkan. ```tsx { }; ``` -### Tambahkan Disclaimer +### Tambahkan Penafian -Anda dapat menyediakan disclaimer Anda sendiri untuk ditampilkan di bagian bawah modal koneksi. Properti `disclaimer` dalam `appInfo` menggunakan `DisclaimerComponent` dengan argumen `Text` dan `Link`. Anda dapat menggunakannya untuk membuat disclaimer Anda sendiri yang mewarisi sistem theming. Kami mengekspor tipe `DisclaimerComponent` untuk pengguna TypeScript: +Anda dapat memberikan penafian Anda sendiri untuk ditampilkan di bagian bawah modal koneksi. Properti `disclaimer` dalam `appInfo` mengambil `DisclaimerComponent` dengan argumen `Text` dan `Link`. Anda dapat menggunakannya untuk membangun penafian Anda sendiri yang mewarisi sistem tematik. Kami mengekspor tipe `DisclaimerComponent` untuk pengguna TypeScript: ```tsx import { diff --git a/site/data/id/docs/custom-authentication.mdx b/site/data/id/docs/custom-authentication.mdx index 6c93115072..4a2e98728c 100644 --- a/site/data/id/docs/custom-authentication.mdx +++ b/site/data/id/docs/custom-authentication.mdx @@ -11,7 +11,7 @@ Sementara RainbowKit menyediakan [dukungan kelas satu untuk Sign-In dengan Ether ### Membuat adaptor kustom -Pertama buat adaptor otentikasi. Hal ini memungkinkan RainbowKit untuk membuat/mempersiapkan pesan dan berkomunikasi dengan back-end Anda. +Pertama, buat adaptor otentikasi. Ini memungkinkan RainbowKit untuk membuat/mempersiapkan pesan dan berkomunikasi dengan back-end Anda. Sebagai contoh, kita bisa membuat adaptor otentikasi yang memungkinkan kita menggunakan [Sign-In dengan Ethereum](https://login.xyz) melawan beberapa [titik akhir API kustom.](https://wagmi.sh/examples/sign-in-with-ethereum) diff --git a/site/data/id/docs/custom-avatars.mdx b/site/data/id/docs/custom-avatars.mdx index f6078eadbb..b004dc325a 100644 --- a/site/data/id/docs/custom-avatars.mdx +++ b/site/data/id/docs/custom-avatars.mdx @@ -1,13 +1,13 @@ --- title: Avatar Kustom -description: Mengkustomisasi avatar pengguna aplikasi Anda +description: Menyesuaikan avatar pengguna aplikasi Anda --- # Avatar Kustom -## Mengkustomisasi avatar pengguna aplikasi Anda +## Menyesuaikan avatar pengguna aplikasi Anda -Secara default kami menyediakan avatar untuk pengguna jika gambar ENS mereka tidak diatur, tetapi Anda dapat mengkustomisasi ini dengan menyediakan komponen avatar Anda sendiri. Anda dapat mengimpor tipe `AvatarComponent` jika menggunakan TypeScript: +Secara default, kami menyediakan avatar untuk pengguna jika gambar ENS mereka tidak diatur, tetapi Anda dapat menyesuaikannya dengan menyediakan komponen avatar Anda sendiri. Anda dapat mengimpor tipe `AvatarComponent` jika menggunakan TypeScript: ```tsx import { @@ -48,4 +48,4 @@ const App = () => { }; ``` -`AvatarComponent` yang dijalankan ke prop `avatar` memiliki tipe prop sebagai berikut: `<{ address: string; ensImage?: string | null; size: number;}>` +`AvatarComponent` yang diteruskan ke prop `avatar` memiliki tipe prop sebagai berikut: `<{ address: string; ensImage?: string | null; size: number;}>` diff --git a/site/data/id/docs/custom-chains.mdx b/site/data/id/docs/custom-chains.mdx index e087b9ffde..8df873c55f 100644 --- a/site/data/id/docs/custom-chains.mdx +++ b/site/data/id/docs/custom-chains.mdx @@ -7,7 +7,7 @@ description: Buat rantai khusus ## Buat rantai khusus -Anda dapat menggunakan tipe `Chain` untuk membantu Anda membuat rantai khusus. Kemudian, lewatkan itu ke `getDefaultConfig` atau [`createConfig`](https://wagmi.sh/core/api/createConfig#createconfig) dari Wagmi. +Anda dapat menggunakan tipe `Chain` untuk membantu Anda membuat rantai khusus. Kemudian, teruskan itu ke `getDefaultConfig` atau Wagmi's [`createConfig`](https://wagmi.sh/core/api/createConfig#createconfig). Sebagai contoh, inilah bagaimana Anda dapat membuat rantai Avalanche untuk [avax.network](https://avax.network). diff --git a/site/data/id/docs/custom-connect-button.mdx b/site/data/id/docs/custom-connect-button.mdx index caeb95d3b8..e6c034da4e 100644 --- a/site/data/id/docs/custom-connect-button.mdx +++ b/site/data/id/docs/custom-connect-button.mdx @@ -7,7 +7,7 @@ description: Membuat tombol koneksi khusus ## Membuat tombol koneksi khusus -Anda dapat menggunakan `ConnectButton.Custom` level rendah untuk membuat tombol koneksi khusus Anda sendiri. Komponen ini merender fungsi, yang mencakup segala sesuatu yang Anda butuhkan untuk mengimplementasikan kembali tombol bawaan. +Anda dapat menggunakan `ConnectButton.Custom` level rendah untuk membuat tombol koneksi khusus Anda sendiri. Komponen ini merender fungsi, yang mencakup segala sesuatu yang Anda butuhkan untuk menerapkan ulang tombol bawaannya. Penerapan ulang minimal dari tombol bawaan mungkin akan terlihat seperti ini: diff --git a/site/data/id/docs/custom-theme.mdx b/site/data/id/docs/custom-theme.mdx index bc2ae0a3fb..2246de2dd0 100644 --- a/site/data/id/docs/custom-theme.mdx +++ b/site/data/id/docs/custom-theme.mdx @@ -8,10 +8,10 @@ description: Membuat tema khusus ## Membuat tema khusus > Catatan: API ini tidak stabil dan kemungkinan akan berubah -> dalam waktu dekat. Kami menyarankan untuk tetap menggunakan [tema bawaan](/docs/theming) untuk -> sekarang. +> di masa mendatang. Kami menyarankan untuk tetap menggunakan [tema bawaan](/docs/theming) untuk +> sementara. -Meskipun tema bawaan menyediakan beberapa tingkat penyesuaian, tipe `Theme` disediakan untuk membantu Anda mendefinisikan tema kustom Anda sendiri dengan akses tingkat rendah ke variabel tema yang mendasar. +Meskipun tema bawaan menyediakan beberapa tingkat kustomisasi, tipe `Theme` disediakan untuk membantu Anda mendefinisikan tema kustom Anda sendiri dengan akses tingkat rendah ke variabel tema dasar. ```tsx import { RainbowKitProvider, Theme } from '@rainbow-me/rainbowkit'; @@ -79,17 +79,17 @@ const App = () => ( ) ``` -### Mengextend tema bawaan +### Memperluas tema bawaan -Anda dapat mengextend tema bawaan tanpa harus mendefinisikan ulang seluruh tema. Ini berguna ketika Anda hanya ingin menimpa token tema spesifik. +Anda dapat memperluas tema bawaan tanpa harus mendefinisikan ulang keseluruhan tema. Ini berguna ketika Anda hanya ingin mengganti token tema tertentu. -Untuk melakukan itu, instal `lodash.merge` (atau setara): +Untuk melakukannya, instal `lodash.merge` (atau setara): ```bash npm install lodash.merge ``` -Impor itu, bersama dengan tema yang ingin Anda extend (mis: `darkTheme`) dan tipe `Theme` TypeScript: +Impor ini, bersama dengan tema yang ingin Anda perpanjang (misalnya: `darkTheme`) dan tipe TypeScript `Theme`: ```tsx import merge from 'lodash.merge'; @@ -100,7 +100,7 @@ import { } from '@rainbow-me/rainbowkit'; ``` -Lalu, gabungkan tema bawaan, dengan token tema yang ingin Anda timpa. Dalam contoh ini, saya menimpa token `accentColor` agar sesuai dengan warna aksen merek saya. +Kemudian, gabungkan tema bawaan, dengan token tema yang ingin Anda ganti. Dalam contoh ini, saya mengganti token `accentColor` untuk mencocokkan warna aksen merek saya. ```tsx const myTheme = merge(darkTheme(), { @@ -110,7 +110,7 @@ const myTheme = merge(darkTheme(), { } as Theme); ``` -Akhirnya, Anda sekarang dapat meneruskan tema kustom Anda ke properti `theme` dari `RainbowKitProvider`. +Akhirnya, Anda sekarang dapat memberikan tema kustom Anda ke properti `theme` di `RainbowKitProvider`. ```tsx const App = () => { @@ -124,14 +124,14 @@ const App = () => { ### Membuat pemilih tema kustom -Jika aplikasi Anda di-render oleh server/static dan memungkinkan pengguna untuk secara manual beralih di antara tema, sistem theming RainbowKit dapat dihubungkan ke pemilih CSS kustom dengan fungsi berikut yang dapat digunakan dengan sistem CSS-in-JS apa pun: +Jika aplikasi Anda dirender oleh server/statis dan memungkinkan pengguna untuk beralih manual antara tema, sistem tematikan RainbowKit dapat dihubungkan ke selektor CSS kustom dengan fungsi berikut yang dapat digunakan dengan sistem CSS-in-JS apa pun: - `cssStringFromTheme` - `cssObjectFromTheme` -Fungsi ini mengembalikan CSS yang mengatur semua variabel tema yang diperlukan. Karena kedua string dan objek didukung, ini dapat diintegrasikan dengan sistem CSS-in-JS apa pun. +Fungsi ini mengembalikan CSS yang mengatur semua variabel tema yang diperlukan. Karena string dan objek didukung, ini dapat diintegrasikan dengan sistem CSS-in-JS apa pun. -Sebagai contoh dasar, Anda dapat merender elemen `style` Anda sendiri dengan pemilih kustom untuk setiap tema. Karena kita mengambil kendali dalam merender CSS tema, kita melewatkan `null` ke properti `theme` sehingga RainbowKitProvider tidak merender gaya apa pun untuk kita. Harap juga catat penggunaan opsi extends pada fungsi cssStringFromTheme yang menghilangkan variabel tema apa pun yang sama dengan tema dasar. +Sebagai contoh dasar, Anda dapat merender elemen `style` Anda sendiri dengan selektor kustom untuk setiap tema. Karena kita mengambil kontrol atas perenderan CSS tema, kita meneruskan `null` ke properti `theme` sehingga RainbowKitProvider tidak merender gaya apa pun untuk kita. Juga perhatikan penggunaan opsi extends pada fungsi cssStringFromTheme yang menghilangkan variabel tema yang sama dengan tema dasar. ```tsx import { diff --git a/site/data/id/docs/custom-wallet-list.mdx b/site/data/id/docs/custom-wallet-list.mdx index 4360d1f0cf..3f7b1f592f 100644 --- a/site/data/id/docs/custom-wallet-list.mdx +++ b/site/data/id/docs/custom-wallet-list.mdx @@ -7,7 +7,7 @@ description: Mengkustomisasi daftar dompet ## Mengkustomisasi daftar dompet -Anda dapat mengimpor dompet individu dari `'@rainbow-me/rainbowkit/wallets'` bersama dengan fungsi `connectorsForWallets` untuk membangun daftar dompet Anda sendiri dengan konektor yang diperlukan. Dengan cara ini Anda memiliki kontrol penuh atas dompet mana yang akan ditampilkan, dan dalam urutan apa. +Anda dapat mengimpor dompet individual dari `'@rainbow-me/rainbowkit/wallets'` beserta fungsi `connectorsForWallets` untuk membuat daftar dompet Anda sendiri dengan konektor yang diperlukan. Dengan cara ini, Anda memiliki kontrol penuh atas dompet mana yang ingin ditampilkan dan dalam urutan apa. Misalnya, Anda bisa memilih untuk hanya menunjukkan Rainbow bersama dengan dompet pengganti generik. @@ -64,7 +64,7 @@ Dompet berikut disediakan melalui objek `wallet`. #### Dompet Generik -Dompet berikut dikaitkan dengan metode koneksi generik daripada aplikasi khusus. Sebagai hasilnya, direkomendasikan agar dompet ini selalu disertakan. +Dompet berikut berfokus pada metode koneksi generik daripada aplikasi khusus. Sebagai hasilnya, disarankan agar dompet-dompet ini selalu disertakan. ##### WalletConnect @@ -78,17 +78,17 @@ import { walletConnectWallet } from '@rainbow-me/rainbowkit/wallets'; ##### Injected Wallet -Ini adalah opsi dompet cadangan yang dirancang untuk skenario di mana `window.ethereum` ada tetapi belum disediakan oleh dompet lain dalam daftar. Dompet ini akan secara otomatis menyembunyikan diri dari daftar ketika cadangan tidak diperlukan atau jika tidak ada dompet injected yang tersedia. +Ini adalah opsi dompet cadangan yang dirancang untuk skenario di mana `window.ethereum` ada tetapi belum disediakan oleh dompet lain dalam daftar. Dompet ini akan otomatis menyembunyikan dirinya dari daftar ketika cadangan tidak diperlukan atau jika tidak ada dompet yang diinjeksikan tersedia. -**Disarankan agar Anda selalu menyertakan dompet ini dalam daftar untuk memastikan semua dompet injected didukung.** +**Direkomendasikan untuk selalu menambahkan dompet ini dalam daftar untuk memastikan semua dompet yang diinjeksikan didukung.** ```tsx import { injectedWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -##### Dompet Aman +##### Safe Wallet -Untuk dApps yang mendukung Safe Apps agar pengguna dapat dengan mudah terhubung dengan brankas Safe atau multi-sig mereka, sertakan opsi `safeWallet` untuk koneksi otomatis. Opsi Safe hanya akan muncul di lingkungan browser Dompet Aman. +Untuk dApps yang mendukung Safe Apps untuk memungkinkan pengguna dengan mudah terhubung dengan vault Safe atau multi-sig mereka, sertakan opsi `safeWallet` untuk koneksi otomatis. Opsi Safe hanya akan muncul di lingkungan browser Safe Wallet. ```tsx import { safeWallet } from '@rainbow-me/rainbowkit/wallets'; @@ -98,12 +98,24 @@ import { safeWallet } from '@rainbow-me/rainbowkit/wallets'; Dompet berikut disediakan melalui objek `wallet` (dalam urutan abjad). +#### 1inch Wallet + +```tsx +import { oneInchWallet } from '@rainbow-me/rainbowkit/wallets'; +``` + #### Argent ```tsx import { argentWallet } from '@rainbow-me/rainbowkit/wallets'; ``` +#### Binance Web3 Wallet + +```tsx +import { binanceWallet } from '@rainbow-me/rainbowkit/wallets'; +``` + #### Bitget ```tsx @@ -134,33 +146,27 @@ import { bitverseWallet } from '@rainbow-me/rainbowkit/wallets'; import { bloomWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Dompet Bybit - -```tsx -import { bybitWallet } from '@rainbow-me/rainbowkit/wallets'; -``` - #### Brave Wallet ```tsx import { braveWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Dompet Web3 Binance +#### Bybit Wallet ```tsx -import { binanceWallet } from '@rainbow-me/rainbowkit/wallets'; +import { bybitWallet } from '@rainbow-me/rainbowkit/wallets'; ``` #### Coinbase -Konektor dompet ini mendukung baik aplikasi dan ekstensi Dompet Coinbase, serta Dompet Pintar Coinbase di Web. +Konektor dompet ini mendukung aplikasi dan ekstensi Coinbase Wallet, serta Coinbase Smart Wallet di Web. -Argumen `preference` tersedia untuk mengontrol apakah Dompet Pintar diaktifkan dan tersedia untuk pengguna. Perilaku berdasarkan preferensi didokumentasikan [di sini](https://www.smartwallet.dev/sdk/makeWeb3Provider#parameters). +Argumen `preference` tersedia untuk mengontrol apakah Smart Wallet diaktifkan dan tersedia untuk pengguna. Perilaku berbasis preferensi didokumentasikan [di sini](https://www.smartwallet.dev/sdk/makeWeb3Provider#parameters). -Dompet Pintar akan diaktifkan secara default dengan `all` di awal bulan Juni, tanpa pembaruan lebih lanjut. +Smart Wallet akan diaktifkan secara default dengan `all` pada awal Juni, tanpa peningkatan lebih lanjut. -Pengembang dapat menguji Dompet Pintar dengan rantai `sepolia` dan `baseSepolia` hari ini dengan menyetel `smartWalletOnly` dan memasukkan `coinbaseWallet` dalam daftar dompet mereka seperti ini: +Pengembang dapat menguji Smart Wallet dengan rantai `sepolia` dan `baseSepolia` hari ini dengan mengatur `smartWalletOnly` dan menyertakan `coinbaseWallet` dalam daftar dompet mereka seperti ini: ```tsx import { coinbaseWallet } from '@rainbow-me/rainbowkit/wallets'; @@ -169,16 +175,16 @@ import { coinbaseWallet } from '@rainbow-me/rainbowkit/wallets'; coinbaseWallet.preference = 'smartWalletOnly'; ``` -#### Compass Wallet +#### Coin98 Wallet ```tsx -import { compassWallet } from '@rainbow-me/rainbowkit/compassWallet'; +import { coin98Wallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Coin98 Wallet +#### Compass Wallet ```tsx -import { coin98Wallet } from '@rainbow-me/rainbowkit/wallets'; +import { compassWallet } from '@rainbow-me/rainbowkit/compassWallet'; ``` #### Core @@ -217,22 +223,34 @@ import { frameWallet } from '@rainbow-me/rainbowkit/wallets'; import { frontierWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Dompet Gate +#### Gate Wallet ```tsx import { gateWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Ledger Live +#### imToken ```tsx -import { ledgerWallet } from '@rainbow-me/rainbowkit/wallets'; +import { imTokenWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### imToken +#### ioPay Wallet ```tsx -import { imTokenWallet } from '@rainbow-me/rainbowkit/wallets'; +import { iopayWallet } from '@rainbow-me/rainbowkit/wallets'; +``` + +#### Kaia Wallet + +```tsx +import { kaiaWallet } from '@rainbow-me/rainbowkit/wallets'; +``` + +#### Kaikas + +```tsx +import { kaikasWallet } from '@rainbow-me/rainbowkit/wallets'; ``` #### Kraken Wallet @@ -247,10 +265,10 @@ import { krakenWallet } from '@rainbow-me/rainbowkit/wallets'; import { kresusWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Kaikas +#### Ledger Live ```tsx -import { kaikasWallet } from '@rainbow-me/rainbowkit/wallets'; +import { ledgerWallet } from '@rainbow-me/rainbowkit/wallets'; ``` #### Magic Eden Wallet @@ -259,16 +277,16 @@ import { kaikasWallet } from '@rainbow-me/rainbowkit/wallets'; import { magicEdenWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### MetaMask +#### MEW Wallet ```tsx -import { metaMaskWallet } from '@rainbow-me/rainbowkit/wallets'; +import { mewWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### MEW Wallet +#### MetaMask ```tsx -import { mewWallet } from '@rainbow-me/rainbowkit/wallets'; +import { metaMaskWallet } from '@rainbow-me/rainbowkit/wallets'; ``` #### OKX Wallet @@ -283,12 +301,6 @@ import { okxWallet } from '@rainbow-me/rainbowkit/wallets'; import { omniWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Dompet 1inch - -```tsx -import { oneInchWallet } from '@rainbow-me/rainbowkit/wallets'; -``` - #### OneKey ```tsx @@ -436,7 +448,7 @@ const connectors = connectorsForWallets( #### Grup berganda -Anda dapat menggunakan kunci `groupName` untuk memberi nama grup dompet yang berbeda. Ini berguna jika Anda ingin berkomunikasi dengan pengguna Anda mengenai dompet yang Anda rekomendasikan, serta dompet lain yang mungkin. +Anda dapat menggunakan kunci `groupName` untuk menamai grup dompet yang berbeda. Ini berguna jika Anda ingin mengomunikasikan kepada pengguna Anda dompet mana yang Anda rekomendasikan, serta kemungkinan dompet lainnya. Rekomendasikan Rainbow dan MetaMask, tetapi juga tawarkan Coinbase bersama dengan dompet cadangan generik. diff --git a/site/data/id/docs/installation.mdx b/site/data/id/docs/installation.mdx index a1f205406c..dfa175caf1 100644 --- a/site/data/id/docs/installation.mdx +++ b/site/data/id/docs/installation.mdx @@ -60,9 +60,9 @@ import { #### Konfigurasi -Konfigurasikan rantai yang diinginkan dan hasilkan konektor yang diperlukan. Anda juga perlu menyiapkan konfigurasi `wagmi`. Jika dApp Anda menggunakan server side rendering (SSR) pastikan untuk mengatur `ssr` menjadi `true`. +Konfigurasikan chain yang Anda inginkan dan hasilkan konektor yang dibutuhkan. Anda juga perlu menyetel konfigurasi `wagmi`. Jika dApp Anda menggunakan server side rendering (SSR) pastikan untuk mengatur `ssr` ke `true`. -> Catatan: Setiap dApp yang bergantung pada WalletConnect sekarang harus mendapatkan `projectId` dari [WalletConnect Cloud](https://cloud.walletconnect.com/). Ini benar-benar gratis dan hanya membutuhkan beberapa menit. +> Catatan: Setiap dApp yang bergantung pada WalletConnect sekarang perlu mendapatkan `projectId` dari [WalletConnect Cloud](https://cloud.walletconnect.com/). Ini benar-benar gratis dan hanya membutuhkan beberapa menit. ```tsx line=4-99 ... @@ -116,7 +116,7 @@ Beberapa alat pembangunan akan memerlukan pengaturan tambahan. ##### Remix -Ketika menggunakan [Remix](https://remix.run), Anda harus melakukan polyfill pada modul `buffer`, `events`, dan `http`. Lihat konfigurasi Remix di bawah ini, atau [projek contoh Remix kami](https://github.com/rainbow-me/rainbowkit/blob/main/examples/with-remix). +Saat menggunakan [Remix](https://remix.run), Anda harus mem-polyfill modul `buffer`, `events` dan `http`. Rujuk konfigurasi Remix di bawah, atau [proyek contoh Remix kami](https://github.com/rainbow-me/rainbowkit/blob/main/examples/with-remix). ```ts /** @type {import('@remix-run/dev').AppConfig} */ @@ -128,11 +128,11 @@ export default { }; ``` -### Bersiap untuk melakukan penempatan +### Mempersiapkan untuk diterapkan -Secara default, dApp Anda menggunakan penyedia RPC publik untuk setiap rantai untuk mengambil saldo, menyelesaikan nama ENS, dan lainnya. Hal ini seringkali menyebabkan masalah keandalan bagi pengguna Anda karena node publik memiliki batasan laju. Sebagai gantinya, Anda seharusnya membeli akses ke penyedia RPC melalui layanan seperti [Alchemy](https://www.alchemy.com/) atau [QuickNode](https://www.quicknode.com/), dan mendefinisikan Transports Anda sendiri di Wagmi. Hal ini dapat dicapai dengan menambahkan parameter `transports` dalam `getDefaultConfig` atau langsung melalui `createConfig` Wagmi. +Secara default, dApp Anda menggunakan penyedia RPC publik untuk setiap chain untuk mengambil saldo, menyelesaikan nama ENS, dan lainnya. Ini sering dapat menyebabkan masalah keandalan bagi pengguna Anda karena node publik dibatasi kecepatannya. Sebagai gantinya, Anda harus membeli akses ke penyedia RPC melalui layanan seperti [Alchemy](https://www.alchemy.com/) atau [QuickNode](https://www.quicknode.com/), dan menentukan Transports Anda sendiri di Wagmi. Ini dapat dicapai dengan menambahkan parameter `transports` dalam `getDefaultConfig` atau langsung melalui `createConfig` Wagmi. -Transport adalah lapisan jaringan tengah yang menangani pengiriman permintaan JSON-RPC ke Penyedia Node Ethereum (seperti Alchemy, Infura, dll). +Transport adalah lapisan tengah jaringan yang menangani pengiriman permintaan JSON-RPC ke Penyedia Node Ethereum (seperti Alchemy, Infura, dll). **Contoh dengan transport `http`** @@ -152,7 +152,7 @@ const config = getDefaultConfig({ }); ``` -Untuk detail lebih lanjut, lihat [dokumentasi transport wagmi](https://wagmi.sh/core/api/transports#transports). +Untuk detail lebih lanjut, lihat [dokumentasi wagmi transport](https://wagmi.sh/core/api/transports#transports). ### Tambahkan fungsionalitas Anda sendiri diff --git a/site/data/id/docs/introduction.mdx b/site/data/id/docs/introduction.mdx index e7ae39d27f..00d8c13446 100644 --- a/site/data/id/docs/introduction.mdx +++ b/site/data/id/docs/introduction.mdx @@ -9,17 +9,17 @@ description: Cara terbaik untuk menghubungkan dompet 🌈
{ }; ``` -Setiap hook juga mengembalikan boolean untuk status modal. Biasanya disarankan agar Anda sepenuhnya bergantung pada kait Wagmi (mis. `useAccount`) untuk bereaksi terhadap status koneksi dompet pengguna secara langsung, daripada mengandalkan keadaan Connect Modal. +Setiap hook juga mengembalikan boolean untuk status modal. Biasanya disarankan agar Anda hanya mengandalkan hook Wagmi (misalnya, `useAccount`) untuk merespon status koneksi dompet pengguna secara langsung, daripada mengandalkan status Connect Modal. ```tsx const { connectModalOpen } = useConnectModal(); @@ -59,6 +59,6 @@ const { accountModalOpen } = useAccountModal(); const { chainModalOpen } = useChainModal(); ``` -RainbowKit dirancang untuk tidak mengganggu dan responsif, sehingga dApps harus selalu merender antarmuka untuk pengguna apakah mereka telah menyambungkan dompet mereka atau tidak. Pengguna dapat menyambungkan atau memutuskan dompet mereka langsung dari MetaMask, jadi dApp harus responsif terhadap status koneksi yang mendasari secara langsung. +RainbowKit dirancang untuk tidak mengganggu dan responsif, jadi dApps harus selalu merender antarmuka untuk pengguna, baik mereka telah menghubungkan dompet atau tidak. Pengguna bisa menghubungkan atau memutuskan koneksi dompet mereka langsung dari MetaMask, jadi dApp harus responsif terhadap status koneksi yang mendasarinya secara langsung. -dApps yang mengandalkan mekanisme seperti Sign-in with Ethereum untuk verifikasi pengguna sebaiknya mengandalkan fitur [Authentication](/docs/authentication). +dApp yang mengandalkan mekanisme seperti Sign-in with Ethereum untuk verifikasi pengguna seharusnya mengandalkan fitur [Authentication](/docs/authentication). diff --git a/site/data/id/docs/modal-sizes.mdx b/site/data/id/docs/modal-sizes.mdx index 5e2872005e..f72f1360e2 100644 --- a/site/data/id/docs/modal-sizes.mdx +++ b/site/data/id/docs/modal-sizes.mdx @@ -7,15 +7,15 @@ description: Lebar vs. Kompak ## Ukuran Lebar vs. Kompak -Secara default, `modalSize` dari RainbowKit diatur ke `lebar` (dan tampak seperti ini): +Secara default, `modalSize` RainbowKit disetel ke `lebar` (dan terlihat seperti ini): -Kami juga menyediakan ukuran modal `kompak`, yang tampak seperti ini: +Kami juga menyediakan ukuran modal `kompak`, yang terlihat seperti ini: -Untuk mengatur ukuran modal Anda ke `kompak`, cukup tambahkan `modalSize="kompak"` sebagai prop dalam `RainbowKitProvider` Anda: +Untuk mengatur ukuran modal Anda menjadi `kompak`, cukup tambahkan `modalSize="compact"` sebagai prop dalam `RainbowKitProvider` Anda: ```tsx import { RainbowKitProvider } from '@rainbow-me/rainbowkit'; diff --git a/site/data/id/docs/recent-transactions.mdx b/site/data/id/docs/recent-transactions.mdx index 94a6009468..f9b5659d8c 100644 --- a/site/data/id/docs/recent-transactions.mdx +++ b/site/data/id/docs/recent-transactions.mdx @@ -7,11 +7,11 @@ description: Tampilkan transaksi terakhir Anda ## Tampilkan transaksi terakhir Anda -Anda dapat memilih untuk menampilkan transaksi terakhir dalam modal akun RainbowKit. Perhatikan bahwa semua transaksi disimpan dalam penyimpanan lokal dan harus didaftarkan secara manual dengan RainbowKit agar dapat ditampilkan. +Anda dapat memilih untuk menampilkan transaksi terbaru di dalam modal akun RainbowKit. Perlu diingat bahwa semua transaksi disimpan di penyimpanan lokal dan harus didaftarkan secara manual dengan RainbowKit agar dapat ditampilkan. -Implementasi `ConnectButton` default juga akan menampilkan indikator pemuatan di sekitar avatar pengguna jika ada transaksi yang sedang ditunda. Implementasi `ConnectButton` kustom dapat menciptakan perilaku ini melalui properti `account.hasPendingTransactions` yang diteruskan ke fungsi render Anda. +Implementasi `TombolHubung` bawaan juga akan menampilkan indikator pemuatan di sekitar avatar pengguna jika ada transaksi yang tertunda. Implementasi `TombolHubung` kustom dapat mengulang perilaku ini melalui properti `account.hasPendingTransactions` yang dilewatkan ke fungsi render Anda. -Untuk menggunakan fitur ini, pertama aktifkan opsi `showRecentTransactions` di `RainbowKitProvider`. +Untuk menggunakan fitur ini, aktifkan opsi `showRecentTransactions` di `RainbowKitProvider` terlebih dahulu. ```tsx import { RainbowKitProvider } from '@rainbow-me/rainbowkit'; @@ -48,9 +48,9 @@ export default () => { }; ``` -Setelah transaksi telah didaftarkan dengan RainbowKit, statusnya akan diperbarui setelah selesai. +Setelah transaksi didaftarkan dengan RainbowKit, statusnya akan diperbarui setelah selesai. -Secara default, transaksi akan dianggap selesai setelah satu blok ditambang di atas blok tempat transaksi ditambang, tetapi ini dapat dikonfigurasi dengan menentukan nilai `confirmations` kustom. +Secara default, transaksi akan dianggap selesai setelah satu blok telah ditambang di atas blok di mana transaksi tersebut ditambang, tetapi ini dapat dikonfigurasi dengan menentukan nilai `confirmations` kustom. ```tsx import { useAddRecentTransaction } from '@rainbow-me/rainbowkit'; diff --git a/site/data/id/docs/theming.mdx b/site/data/id/docs/theming.mdx index 3e33e4d6e1..bb0a56ca9e 100644 --- a/site/data/id/docs/theming.mdx +++ b/site/data/id/docs/theming.mdx @@ -7,7 +7,7 @@ description: Menggunakan dan menyesuaikan tema ## Menggunakan dan menyesuaikan tema -Anda dapat menyesuaikan UI RainbowKit agar sesuai dengan merek Anda. Anda dapat memilih dari beberapa warna aksen dan konfigurasi radius batas yang telah ditentukan sebelumnya. +Anda dapat mengubah UI RainbowKit agar sesuai dengan branding Anda. Anda dapat memilih dari beberapa warna aksen yang sudah ditentukan dan konfigurasi radius batas. Ada 3 fungsi tema bawaan: @@ -15,7 +15,7 @@ Ada 3 fungsi tema bawaan: - `darkTheme` - `midnightTheme` -Sebuah fungsi tema mengembalikan sebuah objek tema. Anda bisa memberikan objek ini ke properti `theme` dari `RainbowKitProvider`. +Fungsi tema mengembalikan objek tema. Anda bisa memasukkan objek ke prop `theme` milik `RainbowKitProvider`. ```tsx import { RainbowKitProvider, darkTheme } from '@rainbow-me/rainbowkit'; @@ -98,7 +98,7 @@ Fungsi tema bawaan juga menerima objek pilihan, yang memungkinkan Anda untuk mem ]} /> -Sebagai contoh, untuk menyesuaikan tema gelap dengan warna aksen ungu dan radius batas `medium` : +Sebagai contoh, untuk menyesuaikan tema gelap dengan warna aksen ungu dan radius batas `medium`: ```tsx import { RainbowKitProvider, darkTheme } from '@rainbow-me/rainbowkit'; @@ -119,7 +119,7 @@ const App = () => { }; ``` -Setiap tema juga menyediakan beberapa preset warna aksen (`biru`, `hijau`, `oranye`, `pink`, `ungu`, `merah`) yang dapat disebarkan ke objek opsi. Sebagai contoh, untuk menggunakan preset warna aksen `pink` : +Setiap tema juga menyediakan beberapa preset warna aksen (`blue`, `green`, `orange`, `pink`, `purple`, `red`) yang dapat dimasukkan ke dalam objek pilihan. Sebagai contoh, untuk menggunakan preset warna aksen `pink`: ```tsx import { RainbowKitProvider, darkTheme } from '@rainbow-me/rainbowkit'; @@ -260,7 +260,7 @@ const App = () => { #### Tumpukan Font -Secara default, `fontStack` diatur ke `rounded`. Namun berikut ini cara Anda bisa menggunakan config `fontStack`. +Secara default, `fontStack` diatur ke `rounded`. Namun, berikut cara Anda bisa menggunakan konfigurasi `fontStack`. Tetapkan font stack ke `system`. @@ -283,7 +283,7 @@ const App = () => { #### Kabur overlay -Secara default, `overlayBlur` diatur ke `none`. Namun berikut ini cara Anda bisa menggunakan config `overlayBlur`. +Secara default, `overlayBlur` diatur ke `none`. Namun, berikut cara Anda bisa menggunakan konfigurasi `overlayBlur`. Tetapkan kabur overlay ke `small`. @@ -310,7 +310,7 @@ Berikut adalah beberapa cara berbeda yang bisa Anda gunakan dengan tema yang ber - Gunakan tema `lightTheme` - Atur warna aksen ke nilai ungu kustom -- Atur radius borda menjadi `medium` +- Atur radius tepi ke `medium` - Atur tumpukan font ke `system` ```tsx diff --git a/site/data/id/docs/wallet-button.mdx b/site/data/id/docs/wallet-button.mdx index 7a132d5185..8ad0e6fe8d 100644 --- a/site/data/id/docs/wallet-button.mdx +++ b/site/data/id/docs/wallet-button.mdx @@ -5,9 +5,9 @@ description: Menggunakan dan menyesuaikan TombolDompet # TombolDompet -> Catatan: `WalletButton` saat ini mengandalkan standar dompet EIP-1193, namun akan mendukung EIP-6963 dalam waktu dekat. +> Catatan: `TombolDompet` saat ini bergantung pada standar dompet EIP-1193, tetapi akan mendukung EIP-6963 di masa mendatang. -Komponen `TombolDompet` baru membantu pengembang aplikasi dengan implementasi daftar dompet khusus dapat mengadopsi RainbowKit dengan semua keuntungan tanpa perlu pemeliharaan. +Komponen `TombolDompet` baru membantu dApps dengan implementasi daftar dompet kustom untuk mengadopsi RainbowKit dan semua manfaat tanpa perawatan. ```tsx import { WalletButton } from '@rainbow-me/rainbowkit'; @@ -17,7 +17,7 @@ import { WalletButton } from '@rainbow-me/rainbowkit'; ``` -Seperti `TombolSambung`, komponen `TombolDompet.Individu` juga tersedia untuk implementasi dan penyesuaian khusus. +Seperti `ConnectButton`, komponen `TombolDompet.Custom` tersedia untuk implementasi dan tampilan kustom. ```tsx @@ -35,10 +35,10 @@ Seperti `TombolSambung`, komponen `TombolDompet.Individu` juga tersedia untuk im ``` -Kebanyakan aplikasi terbaik dilayani oleh [ConnectButton](https://www.rainbowkit.com/docs/connect-button). Merujuk ke dokumen [here](https://www.rainbowkit.com/docs/wallet-button) untuk informasi lebih lanjut tentang pengadopsian dan penggunaan `TombolDompet`. +Sebagian besar dApps paling baik dilayani oleh [ConnectButton](https://www.rainbowkit.com/docs/connect-button). Rujuk dokumen [di sini](https://www.rainbowkit.com/docs/wallet-button) untuk informasi lebih lanjut tentang adopsi `TombolDompet` dan kasus penggunaan. #### Demo -Tekan tombol di bawah ini untuk melihat tampilan titik masuk RainbowKit ini. +Tekan tombol di bawah ini untuk melihat seperti apa titik masuk RainbowKit ini. diff --git a/site/data/id/guides/rainbow-button.mdx b/site/data/id/guides/rainbow-button.mdx index c30fc92cf7..48eed505bc 100644 --- a/site/data/id/guides/rainbow-button.mdx +++ b/site/data/id/guides/rainbow-button.mdx @@ -8,17 +8,17 @@ image: panduan-rainbow-button.png Komponen `RainbowButton` adalah cara termudah untuk menambahkan dukungan Rainbow Wallet ke dApp yang menggunakan `wagmi` dan lebih memilih pengalaman konektor kustom daripada [RainbowKit](https://www.rainbowkit.com/docs/installation). -**1. Pasang `@rainbow-me/rainbow-button` dan depedensi terkait** +**1. Instal `@rainbow-me/rainbow-button` dan dependensi peernya** -Paket ini kompatibel dengan Next.js, React, dan Vite. Pastikan Anda mengikuti peringatan depedensi terkait. +Paket ini kompatibel dengan Next.js, React, dan Vite. Pastikan Anda mengikuti peringatan dependensi peer. ```bash npm install @rainbow-me/rainbow-button wagmi viem@2.x @tanstack/react-query ``` -**2. Konfigurasikan dengan Wagmi dan pasang RainbowButton** +**2. Konfigurasi dengan Wagmi dan instal RainbowButton** -Berikan instance dari `rainbowConnector` ke `createConfig` Wagmi dengan `projectId` dan `appName`, serta bungkus aplikasi Anda dalam `RainbowButtonProvider`. Kemudian masukkan komponen `RainbowButton`. +Berikan sebuah instance dari `rainbowConnector` ke `createConfig` Wagmi dengan `projectId` dan `appName`, dan bungkus aplikasi Anda dengan `RainbowButtonProvider`. Kemudian tambahkan komponen `RainbowButton`. ```tsx import '@rainbow-me/rainbow-button/styles.css'; diff --git a/site/data/id/guides/rainbowkit-wagmi-v2.mdx b/site/data/id/guides/rainbowkit-wagmi-v2.mdx index 6586476817..822d474abd 100644 --- a/site/data/id/guides/rainbowkit-wagmi-v2.mdx +++ b/site/data/id/guides/rainbowkit-wagmi-v2.mdx @@ -10,13 +10,13 @@ Peer dependencies [wagmi](https://wagmi.sh) dan [viem](https://viem.sh) telah me Ikuti langkah-langkah berikut untuk migrasi. -**1. Tingkatkan RainbowKit, `wagmi`, dan `viem` ke versi terbaru** +**1. Perbarui RainbowKit, `wagmi`, dan `viem` ke versi terbaru mereka** ```bash npm i @rainbow-me/rainbowkit wagmi viem@2.x ``` -**2. Instal peer dependency `@tanstack/react-query`** +**2. Instal dependensi rekan `@tanstack/react-query`** Dengan Wagmi v2, [TanStack Query](https://tanstack.com/query/v5/docs/react/overview) kini menjadi dependensi rekan yang diperlukan. @@ -26,7 +26,7 @@ Pasang itu dengan perintah berikut: npm i @tanstack/react-query ``` -**3. Tingkatkan konfigurasi RainbowKit dan Wagmi Anda** +**3. Perbarui konfigurasi RainbowKit dan Wagmi Anda** ```diff import '@rainbow-me/rainbowkit/styles.css' @@ -89,7 +89,7 @@ npm i @tanstack/react-query } ``` -**4. Periksa perubahan penting pada `wagmi` dan `viem`** +**4. Periksa perubahan besar di `wagmi` dan `viem`** Jika Anda menggunakan hook `wagmi` dan aksi `viem` dalam dApp Anda, Anda akan perlu mengikuti panduan migrasi untuk v2: @@ -100,17 +100,17 @@ Jika Anda menggunakan hook `wagmi` dan aksi `viem` dalam dApp Anda, Anda akan pe **1. Perilaku yang ditingkatkan untuk dompet EIP-6963** -Dompet yang mendukung standar koneksi baru EIP-6963 (termasuk Rainbow, MetaMask, dan lainnya) akan secara otomatis muncul dalam bagian `Terinstal` selama pengalaman Menghubungkan Dompet. Ini memastikan bahwa pengguna selalu dapat menemukan dompet favorit mereka dan terhubung ke dApps tanpa konflik atau tombol alternatif. +Dompet yang mendukung standar koneksi EIP-6963 baru (termasuk Rainbow, MetaMask, dan lainnya) sekarang akan otomatis muncul di bagian `Terpasang` selama pengalaman Connect Wallet. Ini memastikan bahwa pengguna selalu dapat menemukan dompet favorit mereka dan terhubung ke dApps tanpa konflik atau tombol fallback. -Pengembang tetap memiliki kontrol penuh atas Daftar Dompet Kustom untuk menekankan dompet yang disukai oleh pengguna akhir. Dianjurkan agar Anda terus memasukkan `injectedWallet` dan `walletConnectWallet` dalam daftar Anda untuk mendukung semua platform. +Pengembang terus memiliki kontrol penuh atas Daftar Dompet Kustom untuk menekankan dompet yang diutamakan bagi pengguna akhir. Disarankan agar Anda terus menyertakan `injectedWallet` dan `walletConnectWallet` dalam daftar Anda untuk mendukung semua platform. **2. Konfigurasi Wagmi dengan getDefaultConfig** -API baru ini menyederhanakan pengalaman konfigurasi dan menggantikan kebutuhan untuk menggunakan `createConfig` dari Wagmi secara langsung. Konfigurasi rantai disederhanakan, termasuk penyedia publik yang disimpulkan untuk `transports`. +API baru ini menyederhanakan pengalaman konfigurasi dan menggantikan kebutuhan untuk menggunakan secara langsung Wagmi `createConfig`. Konfigurasi rantai disederhanakan, termasuk penyedia publik yang disimpulkan untuk `transports`. Daftar dompet default akan secara otomatis disertakan, menghilangkan kebutuhan untuk menggunakan `getDefaultWallets` dan `connectorsForWallets`. -Anda dapat membuat Daftar Dompet Kustom dengan meneruskan konektor Dompet yang diimpor atau Kustom ke `wallets`. Menginstansiasi konektor dompet dan meneruskan `projectId` serta `chains` tidak lagi diperlukan. +Anda dapat membuat Daftar Dompet Kustom dengan mengoper konektor Dompet yang diimpor atau Kustom ke `wallets`. Membuat konektor dompet dan meneruskan `projectId` dan `chains` tidak lagi diperlukan. ``` const config = getDefaultConfig({ @@ -195,8 +195,8 @@ Contoh dengan `createConfig`: **5. Dompet Kustom** -Konektor dompet RainbowKit telah mengalami perubahan besar untuk mendukung Wagmi v2. Rujuk [dokumentasi yang diperbarui](https://www.rainbowkit.com/docs/custom-wallets) dan sebuah [contoh konektor](packages/rainbowkit/src/wallets/walletConnectors/rainbowWallet/rainbowWallet.ts) untuk meningkatkan Konektor Dompet Kustom apa pun di dApp Anda. +Konektor dompet RainbowKit telah mengalami perubahan substansial untuk mendukung Wagmi v2. Lihat [dokumen yang diperbarui](https://www.rainbowkit.com/docs/custom-wallets) dan [contoh konektor](packages/rainbowkit/src/wallets/walletConnectors/rainbowWallet/rainbowWallet.ts) untuk meningkatkan Konektor Dompet Kustom di dApp Anda. -Konektor dompet sekarang juga mendukung standar EIP-6963 dengan properti `rdns`. Pastikan ini diisi untuk mencegah referensi duplikat ke dompet yang mendukung EIP-6963 di daftar dompet Anda. +Konektor dompet juga kini mendukung standar EIP-6963 dengan prop `rdns`. Pastikan ini diisi untuk mencegah referensi ganda ke dompet yang mendukung EIP-6963 dalam daftar dompet Anda. > Silakan laporkan masalah atau umpan balik untuk RainbowKit v2 di GitHub [di sini](https://github.com/rainbow-me/rainbowkit/issues/new/choose). diff --git a/site/data/id/guides/walletconnect-v2.mdx b/site/data/id/guides/walletconnect-v2.mdx index d1b997d5e1..773a1998d7 100644 --- a/site/data/id/guides/walletconnect-v2.mdx +++ b/site/data/id/guides/walletconnect-v2.mdx @@ -10,19 +10,19 @@ image: guide-walletconnect-v2.png Protokol WalletConnect v1 akan dimatikan pada 28 Juni 2023, dan RainbowKit memiliki dukungan Anda untuk membuat transisi menjadi sangat mudah. -Dukungan untuk WalletConnect v2 sekarang standar di RainbowKit, tanpa perubahan yang merusak. Hanya tingkatkan dan rujuk panduan di bawah ini untuk detail tambahan. +Dukungan untuk WalletConnect v2 sekarang menjadi standar di RainbowKit, tanpa perubahan yang merusak. Cukup tingkatkan dan rujuk panduan di bawah untuk detail tambahan. #### Memahami WalletConnect v2 -WalletConnect adalah protokol yang memungkinkan pengguna untuk menghubungkan dompet mobile mereka ke dApp Anda, dan itu adalah fondasi penting dari RainbowKit. Rilis terbaru dari WalletConnect v2 membawa sejumlah peningkatan penting untuk membuat pengalaman dompet-dApp menjadi lebih baik. +WalletConnect adalah protokol yang memungkinkan pengguna menghubungkan dompet seluler mereka ke dApp Anda, dan ini merupakan fondasi penting dari RainbowKit. Rilis terbaru WalletConnect v2 membawa sejumlah peningkatan penting untuk membuat pengalaman wallet-dApp menjadi lebih baik. -Dengan v2, pengguna Anda sekarang dapat terhubung secara bersamaan ke beberapa rantai, jadi Anda dapat melupakan tentang salaman pergantian rantai. Ini juga memperluas dukungan untuk lebih banyak jaringan, dan membawa peningkatan yang membuat Sign-in dengan Ethereum bahkan lebih cepat. +Dengan v2, pengguna Anda sekarang dapat menghubungkan secara bersamaan ke beberapa rantai, sehingga Anda dapat melupakan tentang jabat tangan pergantian rantai. Ini juga memperluas dukungan untuk lebih banyak jaringan, dan membawa peningkatan yang membuat Masuk dengan Ethereum menjadi lebih cepat. #### Mengupgrade dApp Anda -Jika Anda sudah mengikuti panduan migrasi untuk RainbowKit `0.12.x` dan `1.0.x`, maka Anda hampir sampai di sana! Cukup upgrade ke rilis patch terbaru dan coba saja. +Jika Anda sudah mengikuti panduan migrasi untuk RainbowKit `0.12.x` dan `1.0.x`, maka Anda hampir sampai! Cukup tingkatkan ke rilis patch terbaru dan coba. -RainbowKit mengaktifkan WalletConnect v2 secara default dengan `0.12.15` dan `1.0.2`. Kami terus mendukung `0.12.x` dalam kasus dApp Anda belum diupgrade ke wagmi v1 dan RainbowKit v1. +RainbowKit mengaktifkan WalletConnect v2 secara default dengan `0.12.15` dan `1.0.2`. Kami terus mendukung `0.12.x` jika dApp Anda belum ditingkatkan ke wagmi v1 dan RainbowKit v1. **1. Mengupgrade dependensi** @@ -36,7 +36,7 @@ Dianjurkan agar dApps `0.12.x` mulai meningkatkan ke versi wagmi v1, karena peni **2. Menyediakan projectId** -Setiap dApp yang mengandalkan WalletConnect sekarang perlu mendapatkan `projectId` dari [WalletConnect Cloud](https://cloud.walletconnect.com/). Ini benar-benar gratis dan hanya membutuhkan beberapa menit. +Setiap dApp yang bergantung pada WalletConnect sekarang harus memperoleh `projectId` dari [WalletConnect Cloud](https://cloud.walletconnect.com/). Ini benar-benar gratis dan hanya membutuhkan beberapa menit. Berikan `projectId` Anda ke `getDefaultWallets` dan penghubung dompet RainbowKit individu seperti berikut: @@ -60,11 +60,11 @@ const connectors = connectorsForWallets([ ]); ``` -RainbowKit aman tipe dan akan memberi peringatan saat `projectId` hilang. Merujuk ke contoh-contoh kami untuk melihat v2 dalam aksi: +RainbowKit aman tipe dan akan memperingatkan Anda jika `projectId` hilang. Rujuk contoh kami untuk melihat v2 dalam aksi: - [Membuat React App](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-create-react-app) - [Next.js](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-next) -- [Next.js App Router](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-next-app) +- [Next.js Aplikasi Router](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-next-app) - [Remix](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-remix) - [Vite](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-vite) diff --git a/site/data/ja/docs/authentication.mdx b/site/data/ja/docs/authentication.mdx index a18747342f..c539b603ac 100644 --- a/site/data/ja/docs/authentication.mdx +++ b/site/data/ja/docs/authentication.mdx @@ -9,7 +9,7 @@ description: ユーザーの認証 接続プロセス中にユーザーがウォレットでメッセージに署名することを必要とすることも可能で、これにより接続されたアカウントを所有していることの証明と、アプリケーションへの特権アクセスを持つ認証されたユーザーセッションを作成することができる。 -カスタムのバックエンドやメッセージ形式と統合することも可能ですが、RainbowKitは[Sign-In with Ethereum](https://login.xyz)と [NextAuth.js.](https://next-auth.js.org)のファーストクラスサポートを提供しています。 +カスタムのバックエンドやメッセージ形式と統合することも可能ですが、RainbowKitは [Sign-In with Ethereum](https://login.xyz) と [NextAuth.js.](https://next-auth.js.org) のファーストクラスサポートを提供しています。 ### EthereumとNextAuth.jsを使用したサインインを設定する @@ -73,11 +73,11 @@ export default function App({ `RainbowKitSiweNextAuthProvider`が位置していると、ユーザーはウォレットを接続した後、メッセージに署名して認証するように求められます。 -#### SIWEメッサージオプションのカスタマイズ +#### SIWEメッセージオプションのカスタマイズ [SIWEメッセージオプション](https://github.com/spruceid/siwe/blob/v1.1.6/packages/siwe/lib/client.ts#L29)をカスタマイズするには、`getSiweMessageOptions` propに関数を渡すことにより、`RainbowKitSiweNextAuthProvider`上で行うことができます。 -新しいメッセージが作成されるたびに、この関数が呼び出されます。 この関数から返されるオプションは、デフォルトと合わせてマージされます。 この関数から返されるオプションは、デフォルトと合わせてマージされます。 +新しいメッセージが作成されるたびに、この関数が呼び出されます。 この関数から返されるオプションは、デフォルトと合わせてマージされます。 ```tsx import { @@ -98,7 +98,7 @@ const getSiweMessageOptions: GetSiweMessageOptions = () => ({ #### セッションをサーバーサイドでアクセスします -`next-auth/jwt`からインポートしたNextAuthの`getToken`関数を使用してセッショントークンにアクセスできます。 ユーザーが正常に認証されている場合、セッショントークンの`sub`プロパティ（トークンの「主題」、つまりユーザー）はユーザーの住所になります。 ユーザーが正常に認証されている場合、セッショントークンの`sub`プロパティ（トークンの「主題」、つまりユーザー）はユーザーの住所になります。 ユーザーが正常に認証されている場合、セッショントークンの`sub`プロパティ（トークンの「主題」、つまりユーザー）はユーザーの住所になります。 ユーザーが正常に認証されている場合、セッショントークンの`sub`プロパティ（トークンの「主題」、つまりユーザー）はユーザーの住所になります。 ユーザーが正常に認証されている場合、セッショントークンの`sub`プロパティ（トークンの「主題」、つまりユーザー）はユーザーの住所になります。 +`next-auth/jwt`からインポートしたNextAuthの`getToken`関数を使用してセッショントークンにアクセスできます。 ユーザーが正常に認証されている場合、セッショントークンの`sub`プロパティ（トークンの「主題」、つまりユーザー）はユーザーの住所になります。 また、NextAuthがクライアント側で再度それを解決する必要がないように、解決済みのセッションオブジェクトを`getServerSideProps`経由で渡すこともできます。 diff --git a/site/data/ja/docs/chains.mdx b/site/data/ja/docs/chains.mdx index 8bed58f6ef..df6f3a2e3b 100644 --- a/site/data/ja/docs/chains.mdx +++ b/site/data/ja/docs/chains.mdx @@ -7,11 +7,11 @@ description: チェーンのカスタマイズ ## チェーンのカスタマイズ -RainbowKitは[wagmiの`chain`オブジェクト](https://wagmi.sh/react/chains)と統合するように設計されています。 サポートされているチェーンのリストを確認してください [here](https://wagmi.sh/react/chains#supported-chains)。 サポートされているチェーンのリストを確認してください [here](https://wagmi.sh/react/chains#supported-chains)。 サポートされているチェーンのリストを確認してください [here](https://wagmi.sh/react/chains#supported-chains)。 サポートされているチェーンのリストを確認してください [here](https://wagmi.sh/react/chains#supported-chains)。 サポートされているチェーンのリストを確認してください [here](https://wagmi.sh/react/chains#supported-chains)。 +RainbowKitは[wagmiの`chain`オブジェクト](https://wagmi.sh/react/chains)と統合するように設計されています。 サポートされているチェーンのリストを確認してください [here](https://wagmi.sh/react/chains#supported-chains)。 ### 初期チェーンのカスタマイズ -デフォルトでは、RainbowKitはWagmiに提供された最初のチェーンに接続します。 この動作は、`initialChain` propを介してカスタマイズできます。 この動作は、`initialChain` propを介してカスタマイズできます。 この動作は、`initialChain` propを介してカスタマイズできます。 この動作は、`initialChain` propを介してカスタマイズできます。 この動作は、`initialChain` propを介してカスタマイズできます。 +デフォルトでは、RainbowKitはWagmiに提供された最初のチェーンに接続します。 この動作は、`initialChain` propを介してカスタマイズできます。 初期チェーンはチェーンIDを使用して設定できます。 @@ -25,11 +25,11 @@ RainbowKitは[wagmiの`chain`オブジェクト](https://wagmi.sh/react/chains) ``` -### カスタムチェーンメタデータ +### カスタムチェーンのメタデータ -複数のチェーンアイコンと背景がデフォルトで提供されていますが、`iconUrl` と `iconBackground` プロパティを使用して、各チェーンのアイコンと背景をカスタマイズできます。 +デフォルトでいくつかのチェーンアイコンと背景が提供されていますが、`iconUrl`および`iconBackground`プロパティを使用して各チェーンのアイコンと背景をカスタマイズできます。 -`getDefaultConfig` を使用した例 +`getDefaultConfig`を使用した例 ```tsx import { mainnet, optimism } from 'wagmi/chains'; @@ -50,7 +50,7 @@ const config = getDefaultConfig({ }); ``` -`createConfig` を使用した例 +`createConfig`を使用した例 ```tsx import { mainnet, optimism } from 'wagmi/chains'; diff --git a/site/data/ja/docs/connect-button.mdx b/site/data/ja/docs/connect-button.mdx index 92e7eda5d7..261856f673 100644 --- a/site/data/ja/docs/connect-button.mdx +++ b/site/data/ja/docs/connect-button.mdx @@ -7,7 +7,7 @@ description: ConnectButtonの使用とカスタマイズ ## ConnectButtonの使用とカスタマイズ -これはメインのコンポーネントです。 接続/切断ボタンの描画やチェーン切り替えUIを担当しています。 +これは主要なコンポーネントです。 接続/切断ボタンのレンダリングやチェーンのスワップUIを担当します。 ```tsx import { ConnectButton } from '@rainbow-me/rainbowkit'; @@ -17,11 +17,11 @@ export const YourApp = () => { }; ``` -> 注: 必要なプロバイダでアプリがラップされていることを確認してください。 [詳細はこちら](/docs/installation#wrap-providers). [詳細はこちら](/docs/installation#wrap-providers). +> 注: 必要なプロバイダでアプリがラップされていることを確認してください。 [詳細はこちら](/docs/installation#wrap-providers). -### Props +### プロップ -`ConnectButton` コンポーネントは、外観をカスタマイズするためのいくつかのpropsを公開しており、さまざまな要素の表示のオン/オフを切り替えることも可能です。 +`ConnectButton`コンポーネントはいくつかのプロップを公開して、その外観をカスタマイズしたり、異なる要素の表示/非表示を切り替えたりすることができます。 { ]} /> -> 注:組み込みの `largeScreen` ブレークポイントは `768px` です。 +> 注: 組み込みの`largeScreen`ブレークポイントは`768px`です。 ### 例 #### ラベル -`label` propを使用して、カスタム `ConnectButton` テキストを設定します。 +`label`プロップを使用してカスタム`ConnectButton`テキストを設定します。 ```tsx ``` -#### アカウント状態 +#### アカウントステータス -`accountStatus` propを使用するいくつかの異なる方法があります。 +`accountStatus`プロップを使用するいくつかの異なる方法です。 アカウントのアバターのみを表示します。 @@ -90,31 +90,31 @@ export const YourApp = () => { ``` -#### チェーンのステータス +#### チェーンステータス -`chainStatus` propを使用するいくつかの異なる方法があります。 +`chainStatus`プロップを使用するいくつかの異なる方法です。 -現在のチェインのアイコンのみを表示します。 +現在のチェーンのアイコンのみを表示します。 ```tsx ``` -現在のチェインの名前のみを表示します。 +現在のチェーンの名前のみを表示します。 ```tsx ``` -チェーンのUI全体を非表示にします。 +チェーンUIを完全に非表示にします。 ```tsx ``` -#### 残高を表示します +#### 残高の表示 -`showBalance` propを使用して残高を非表示/表示することができます。 +`showBalance`プロップを使用して残高を表示/非表示にします。 残高を非表示にします。 @@ -124,9 +124,9 @@ export const YourApp = () => { #### レスポンシブ -これらのpropsもレスポンシブな形式で定義することができます。 +これらのプロップはレスポンシブ形式でも定義できます。 -小さいスクリーンでは、アカウントのアイコンのみを表示します。 しかし、大きなスクリーンでは、アイコンとアドレスを表示します。 しかし、大きなスクリーンでは、アイコンとアドレスを表示します。 しかし、大きなスクリーンでは、アイコンとアドレスを表示します。 しかし、大きなスクリーンでは、アイコンとアドレスを表示します。 +小さいスクリーンではアカウントのアイコンのみを表示します。 しかし、大きなスクリーンではアイコンとアドレスを表示します。 ```tsx { /> ``` -小さいスクリーンでは、残高を非表示にします。 しかし、大画面では表示します。 +小さいスクリーンでは残高を非表示にします。 しかし、大きなスクリーンでは表示します。 ```tsx ( ); ``` -### ところでそれは何？ +### でもそれは何？ -ウォレット一覧からウォレットが選択されたときに絵文字が爆発します 🌈🌈🌈。 選択したウォレットのアイコンを使用します。 選択したウォレットのアイコンを使用します。 選択したウォレットのアイコンを使用します。 選択したウォレットのアイコンを使用します。 +ウォレット一覧からウォレットが選択されたときに絵文字が爆発します 🌈🌈🌈。 それはあなたが選択するウォレットのアイコンを使用します。 #### デモ -下のボタンを押して、クールモードが何をするか見てください。 +下のボタンを押してクールモードの動作を確認してください。 diff --git a/site/data/ja/docs/custom-app-info.mdx b/site/data/ja/docs/custom-app-info.mdx index 008e9c0f44..cfe56dd24f 100644 --- a/site/data/ja/docs/custom-app-info.mdx +++ b/site/data/ja/docs/custom-app-info.mdx @@ -7,7 +7,7 @@ description: アプリの情報をカスタマイズする ## アプリの情報をカスタマイズする -`RainbowKitProvider` の `appInfo` プロップでアプリの情報を渡すことができます。 変更できるプロパティは、アプリの名前（`appName`）と、「詳細を見る」ボタンがリダイレクトするリンク（`learnMoreUrl`）です。 `RainbowKitProvider` の `appInfo` プロップでアプリの情報を渡すことができます。 変更できるプロパティは、アプリの名前（`appName`）と、「詳細を見る」ボタンがリダイレクトするリンク（`learnMoreUrl`）です。 変更できるプロパティは、アプリの名前（`appName`）と、「詳細を見る」ボタンがリダイレクトするリンク（`learnMoreUrl`）です。 `RainbowKitProvider` の `appInfo` プロップでアプリの情報を渡すことができます。 変更できるプロパティは、アプリの名前（`appName`）と、「詳細を見る」ボタンがリダイレクトするリンク（`learnMoreUrl`）です。 変更できるプロパティは、アプリの名前（`appName`）と、「詳細を見る」ボタンがリダイレクトするリンク（`learnMoreUrl`）です。 +`RainbowKitProvider` の `appInfo` プロップでアプリの情報を渡すことができます。 `RainbowKitProvider` の `appInfo` プロップでアプリの情報を渡すことができます。 変更できるプロパティは、アプリの名前（`appName`）と、「詳細を見る」ボタンがリダイレクトするリンク（`learnMoreUrl`）です。 ```tsx import { RainbowKitProvider } from '@rainbow-me/rainbowkit'; @@ -27,9 +27,9 @@ const App = () => { }; ``` -### 免責事項を追加する +### 免責事項を追加 -接続モーダルの下部に表示される免責事項を自分で提供することができます。 `appInfo`の`disclaimer`プロパティは、引数`Text`と`Link`を持つ`DisclaimerComponent`を取ります。 それを使用してテーマシステムを継承した独自の免責事項を作成することができます。 TypeScriptユーザーのために`DisclaimerComponent`型をエクスポートします： +接続モーダルの一番下に表示される独自の免責事項を提供できます。 `appInfo` の `disclaimer` プロパティは、`Text` と `Link` を引数にとる `DisclaimerComponent` を受け入れます。 テーマシステムを継承する独自の免責事項を作成するために使用できます。 TypeScript ユーザー向けに `DisclaimerComponent` タイプをエクスポートします： ```tsx import { diff --git a/site/data/ja/docs/custom-authentication.mdx b/site/data/ja/docs/custom-authentication.mdx index 37b916b477..2992180243 100644 --- a/site/data/ja/docs/custom-authentication.mdx +++ b/site/data/ja/docs/custom-authentication.mdx @@ -7,11 +7,11 @@ description: 自身の認証バックエンドに接続する ## 自身の認証バックエンドに接続する -RainbowKitはエテリアムとNextAuth.jsでのサインインを最優先サポートしていますが、カスタムバックエンドやメッセージフォーマットとも統合することが出来ます。 +RainbowKitはエテリアムとNextAuth.jsでのサインインを最優先サポートしていますが、カスタムバックエンドやメッセージフォーマットとも統合することができます。 ### カスタムアダプタの作成 -まず、認証アダプタを作成します。 まず、認証アダプタを作成します。 これにより、RainbowKitがメッセージを作成/準備し、バックエンドと通信することができます。 +まず、認証アダプタを作成します。 これにより、RainbowKitがメッセージを作成/準備し、バックエンドと通信することができます。 例えば、特定のカスタムAPIエンドポイントに対してエテリアムでサインインするための認証アダプタを作成することができます。 diff --git a/site/data/ja/docs/custom-avatars.mdx b/site/data/ja/docs/custom-avatars.mdx index 37861de083..0999ada1b5 100644 --- a/site/data/ja/docs/custom-avatars.mdx +++ b/site/data/ja/docs/custom-avatars.mdx @@ -1,13 +1,13 @@ --- title: カスタムアバター -description: アプリのユーザーアバターのカスタマイズ +description: アプリのユーザーアバターをカスタマイズする --- # カスタムアバター -## アプリのユーザーアバターのカスタマイズ +## アプリのユーザーアバターをカスタマイズする -デフォルトでは、ENS画像が設定されていない場合のユーザーのためにアバターを提供しますが、独自のアバターコンポーネントを提供することでこれをカスタマイズすることができます。 TypeScriptを使用している場合、`AvatarComponent`タイプをインポートすることができます: デフォルトでは、ENS画像が設定されていない場合のユーザーのためにアバターを提供しますが、独自のアバターコンポーネントを提供することでこれをカスタマイズすることができます。 TypeScriptを使用している場合、`AvatarComponent`タイプをインポートすることができます: デフォルトでは、ENS画像が設定されていない場合のユーザーのためにアバターを提供しますが、独自のアバターコンポーネントを提供することでこれをカスタマイズすることができます。 TypeScriptを使用している場合、`AvatarComponent`タイプをインポートすることができます: TypeScriptを使用している場合、`AvatarComponent`タイプをインポートすることができます: +デフォルトでは、ENS画像が設定されていない場合のユーザーのためにアバターを提供しますが、独自のアバターコンポーネントを提供することでこれをカスタマイズすることができます。 TypeScriptを使用している場合、`AvatarComponent`タイプをインポートすることができます: ```tsx import { @@ -48,4 +48,4 @@ const App = () => { }; ``` -`avatar`プロップに渡される`AvatarComponent`は、以下のようなプロップタイプを持ちます: `<{ address: string; ensImage?: string | null; size: number;}>` +`avatar`プロップに渡される`AvatarComponent`は、以下のプロップタイプを持っています: `<{ address: string; ensImage?: string | null; size: number;}>` diff --git a/site/data/ja/docs/custom-chains.mdx b/site/data/ja/docs/custom-chains.mdx index a45179131b..80b5405e92 100644 --- a/site/data/ja/docs/custom-chains.mdx +++ b/site/data/ja/docs/custom-chains.mdx @@ -7,7 +7,7 @@ description: カスタムチェーンを作成する ## カスタムチェーンを作成する -`Chain`タイプを使用してカスタムチェーンを作成することができます。 `Chain`タイプを使用してカスタムチェーンを作成することができます。 その後、`getDefaultConfig` もしくはWagmiの [`createConfig`](https://wagmi.sh/core/api/createConfig#createconfig) に渡してください。 その後、`getDefaultConfig` もしくはWagmiの [`createConfig`](https://wagmi.sh/core/api/createConfig#createconfig) に渡してください。 +`Chain`タイプを使用してカスタムチェーンを作成することができます。 その後、`getDefaultConfig` もしくはWagmiの [`createConfig`](https://wagmi.sh/core/api/createConfig#createconfig) に渡してください。 例えば、次のようにしてAvalancheチェーンを [avax.network]用に作成することができます(https://avax.network)。 diff --git a/site/data/ja/docs/custom-connect-button.mdx b/site/data/ja/docs/custom-connect-button.mdx index 865a2d7695..77a53e68a4 100644 --- a/site/data/ja/docs/custom-connect-button.mdx +++ b/site/data/ja/docs/custom-connect-button.mdx @@ -7,7 +7,7 @@ description: カスタムConnectButtonの作成 ## カスタムConnectButtonの作成 -あなたは低レベルの`ConnectButton.Custom`を使用して、独自のカスタム接続ボタンを作成することができます。 このコンポーネントは、組み込みボタンを再実装するために必要なすべてを含む関数をレンダリングします。 このコンポーネントは、組み込みボタンを再実装するために必要なすべてを含む関数をレンダリングします。 このコンポーネントは、組み込みボタンを再実装するために必要なすべてを含む関数をレンダリングします。 このコンポーネントは、組み込みボタンを再実装するために必要なすべてを含む関数をレンダリングします。 +あなたは低レベルの`ConnectButton.Custom`を使用して、独自のカスタム接続ボタンを作成することができます。 このコンポーネントは、組み込みボタンを再実装するために必要なすべてを含む関数をレンダリングします。 組み込みボタンの最小の再実装は次のようになるでしょう： diff --git a/site/data/ja/docs/custom-theme.mdx b/site/data/ja/docs/custom-theme.mdx index 56ef524862..57d64badf2 100644 --- a/site/data/ja/docs/custom-theme.mdx +++ b/site/data/ja/docs/custom-theme.mdx @@ -7,11 +7,9 @@ description: カスタムテーマの作成 ## カスタムテーマの作成 -> 注：このAPIは不安定で、近々 -> に変更される可能性があります。 現在 -> に対して、[組み込みのテーマ](/docs/theming)を使用することをお勧めします。 +> 注：このAPIは不安定で、近い将来変更される可能性があります。 現在は[組み込みテーマ](/docs/theming)の使用をお勧めします。 -組み込みテーマがある程度のカスタマイズを提供する一方で、`Theme`タイプは、基盤となるテーマ変数へのローレベルなアクセスを通じて独自のカスタムテーマを定義する手助けをします。 +組み込みテーマはある程度のカスタマイズを提供しますが、`Theme`タイプを使用すると、基本となるテーマ変数に低レベルでアクセスして独自のカスタムテーマを定義するのに役立ちます。 ```tsx import { RainbowKitProvider, Theme } from '@rainbow-me/rainbowkit'; @@ -81,15 +79,15 @@ const App = () => ( ### 組み込みテーマの拡張 -全てのテーマを再定義することなく、組み込みテーマを拡張することができます。 これは特定のテーマトークンを上書きしたいだけの時に便利です。 これは特定のテーマトークンを上書きしたいだけの時に便利です。 これは特定のテーマトークンを上書きしたいだけの時に便利です。 これは特定のテーマトークンを上書きしたいだけの時に便利です。 +全てのテーマを再定義することなく、組み込みテーマを拡張することができます。 これは特定のテーマトークンを上書きしたいだけの時に便利です。 -そのためには、`lodash.merge`（または同等物）をインストールします： +それを行うには、`lodash.merge`（または同等のもの）をインストールします。 ```bash npm install lodash.merge ``` -それと、拡張したいテーマ（例：`darkTheme`）とTypeScriptの`Theme`タイプをインポートします： +拡張したいテーマ（例：`darkTheme`）とTypeScriptの`Theme`タイプと一緒にインポートします。 ```tsx import merge from 'lodash.merge'; @@ -100,7 +98,7 @@ import { } from '@rainbow-me/rainbowkit'; ``` -組み込みテーマと、上書きしたいテーマトークンをマージします。 この例では、ブランドのアクセントカラーに合わせて`accentColor`トークンを上書きしています。 +次に、組み込みテーマを上書きしたいテーマトークンとマージします。 この例では、ブランドのアクセントカラーに合わせて`accentColor`トークンを上書きしています。 ```tsx const myTheme = merge(darkTheme(), { @@ -110,7 +108,7 @@ const myTheme = merge(darkTheme(), { } as Theme); ``` -最終的に、カスタムテーマを`RainbowKitProvider`の`theme`プロップにパスすることができるようになりました。 +最後に、カスタムテーマを `RainbowKitProvider` の `theme` プロパティに渡すことができます。 ```tsx const App = () => { @@ -122,16 +120,16 @@ const App = () => { }; ``` -### カスタムテーマセレクタの作成 +### カスタムテーマセレクターの作成 -アプリがサーバー/静的レンダリングされ、ユーザーが手動でテーマを切り替えることを許可している場合、RainbowKitのテーマシステムは以下の関数を使用して任意のCSS-in-JSシステムと一緒にカスタムCSSセレクタにフックアップすることができます。 +アプリがサーバー/静的にレンダリングされ、ユーザーがテーマの切り替えを手動で行える場合、RainbowKitのテーマシステムは、任意のCSS-in-JSシステムで使用できる以下の関数を用いてカスタムCSSセレクターに接続することができます。 - `cssStringFromTheme` - `cssObjectFromTheme` -これらの関数は、必要なテーマ変数をすべて設定するCSSを返します。 文字列とオブジェクトの両方がサポートされているため、これは任意のCSS-in-JSシステムと統合することができます。 文字列とオブジェクトの両方がサポートされているため、これは任意のCSS-in-JSシステムと統合することができます。 文字列とオブジェクトの両方がサポートされているため、これは任意のCSS-in-JSシステムと統合することができます。 文字列とオブジェクトの両方がサポートされているため、これは任意のCSS-in-JSシステムと統合することができます。 +これらの関数は、必要なテーマ変数をすべて設定するCSSを返します。 文字列とオブジェクトの両方がサポートされているため、これは任意のCSS-in-JSシステムと統合することができます。 -基本的な例として、各テーマのカスタムセレクタを持つ自分の`style`要素をレンダリングすることができます。 基本的な例として、各テーマのカスタムセレクタを持つ自分の`style`要素をレンダリングすることができます。 基本的な例として、各テーマのカスタムセレクタを持つ自分の`style`要素をレンダリングすることができます。 テーマのCSSのレンダリングを制御しているので、RainbowKitProviderが私たちに対してスタイルをレンダリングしないように、`theme`プロップに`null`をパスしています。 また、基本テーマと同じテーマ変数を省略するcssStringFromTheme関数のextendsオプションの使用にも注意してください。 また、基本テーマと同じテーマ変数を省略するcssStringFromTheme関数のextendsオプションの使用にも注意してください。 また、基本テーマと同じテーマ変数を省略するcssStringFromTheme関数のextendsオプションの使用にも注意してください。 +基本的な例として、各テーマのカスタムセレクターを持つ自分の`style`要素をレンダリングすることができます。 テーマのCSSのレンダリングを制御しているので、RainbowKitProviderが私たちに対してスタイルをレンダリングしないように、`theme`プロップに`null`をパスしています。 また、基本テーマと同じテーマ変数を省略するcssStringFromTheme関数のextendsオプションの使用にも注意してください。 ```tsx import { diff --git a/site/data/ja/docs/custom-wallet-list.mdx b/site/data/ja/docs/custom-wallet-list.mdx index de36481964..d258fc55f9 100644 --- a/site/data/ja/docs/custom-wallet-list.mdx +++ b/site/data/ja/docs/custom-wallet-list.mdx @@ -7,7 +7,7 @@ description: ウォレットリストのカスタマイズ ## ウォレットリストのカスタマイズ -`'@rainbow-me/rainbowkit/wallets'`から個々のウォレットをインポートし、その必要なコネクターを持つウォレットのリストを作成するために`connectorsForWallets`関数を使うことができます。 これにより、どのウォレットを表示するか、そしてどの順序で表示するかを完全に制御することができます。 これにより、どのウォレットを表示するか、そしてどの順序で表示するかを完全に制御することができます。 これにより、どのウォレットを表示するか、そしてどの順序で表示するかを完全に制御することができます。 これにより、どのウォレットを表示するか、そしてどの順序で表示するかを完全に制御することができます。 これにより、どのウォレットを表示するか、そしてどの順序で表示するかを完全に制御することができます。 +'@rainbow-me/rainbowkit/wallets'から個々のウォレットをインポートし、その必要なコネクターを持つウォレットのリストを作成するために`connectorsForWallets`関数を使うことができます。 これにより、どのウォレットを表示するか、そしてどの順序で表示するかを完全に制御することができます。 例えば、Rainbowと一般的なフォールバックウォレットのみを表示するように選択できます。 @@ -64,7 +64,7 @@ const App = () => ( #### 一般的なウォレット -以下のウォレットは特定のアプリケーションではなく一般的な接続方法に限定されます。 その結果、これらのウォレットは常に含まれていることをお勧めします。 +以下のウォレットは特定のアプリではなく、一般的な接続方法に基づいています。 そのため、これらのウォレットは常に含めることをお勧めします。 ##### WalletConnect @@ -76,11 +76,11 @@ const App = () => ( import { walletConnectWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -##### インジェクテッドウォレット +##### インジェクトウォレット -これは`window.ethereum`が存在するが、リスト内の他のウォレットによって提供されていないシナリオのために設計されたフォールバックウォレットオプションです。 このウォレットは、フォールバックが不要である場合や注入されたウォレットが利用できない場合に自動的にリストから隠れるようになっています。 このウォレットは、フォールバックが不要である場合や注入されたウォレットが利用できない場合に自動的にリストから隠れるようになっています。 このウォレットは、フォールバックが不要である場合や注入されたウォレットが利用できない場合に自動的にリストから隠れるようになっています。 このウォレットは、フォールバックが不要である場合や注入されたウォレットが利用できない場合に自動的にリストから隠れるようになっています。 このウォレットは、フォールバックが不要である場合や注入されたウォレットが利用できない場合に自動的にリストから隠れるようになっています。 +これは`window.ethereum`が存在するが、リスト内の他のウォレットによって提供されていないシナリオのために設計されたフォールバックウォレットオプションです。 このウォレットは、フォールバックが不要である場合や注入されたウォレットが利用できない場合に自動的にリストから隠れるようになっています。 -**注入されたウォレットをすべてサポートするために、このウォレットをリストに常に含めることをお勧めします。** +**全てのインジェクトウォレットがサポートされるように、常にこのウォレットをリストに含めることをお勧めします。** ```tsx import { injectedWallet } from '@rainbow-me/rainbowkit/wallets'; @@ -88,7 +88,7 @@ import { injectedWallet } from '@rainbow-me/rainbowkit/wallets'; ##### セーフウォレット -Safe AppsをサポートするdAppsのために、ユーザーがセーフボールトまたはマルチシグに簡単に接続できるようにするには、自動接続のための`safeWallet`オプションを含めてください。 セーフオプションはセーフウォレットブラウザ環境でのみ表示されます。 セーフオプションはセーフウォレットブラウザ環境でのみ表示されます。 +Safe AppsをサポートするdAppsのために、ユーザーがセーフボールトまたはマルチシグに簡単に接続できるようにするには、自動接続のための`safeWallet`オプションを含めてください。 セーフオプションはセーフウォレットブラウザ環境でのみ表示されます。 ```tsx import { safeWallet } from '@rainbow-me/rainbowkit/wallets'; @@ -96,7 +96,13 @@ import { safeWallet } from '@rainbow-me/rainbowkit/wallets'; ### 特定のウォレット -次のウォレットは `wallet` オブジェクトを通じて提供されます（アルファベット順） +次のウォレットは (`wallet` オブジェクトを通じて提供されます（アルファベット順）。 + +#### 1inch Wallet + +```tsx +import { oneInchWallet } from '@rainbow-me/rainbowkit/wallets'; +``` #### Argent @@ -104,63 +110,63 @@ import { safeWallet } from '@rainbow-me/rainbowkit/wallets'; import { argentWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### ビットゲット +#### Binance Web3 Wallet + +```tsx +import { binanceWallet } from '@rainbow-me/rainbowkit/wallets'; +``` + +#### Bitget ```tsx import { bitgetWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### バイフロストウォレット +#### Bifrost Wallet ```tsx import { bifrostWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### ビツキ +#### Bitski ```tsx import { bitskiWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### ビットバース +#### Bitverse ```tsx import { bitverseWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### ブルームウォレット +#### Bloom Wallet ```tsx import { bloomWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### バイビットウォレット - -```tsx -import { bybitWallet } from '@rainbow-me/rainbowkit/wallets'; -``` - -#### ブレイブウォレット +#### Brave Wallet ```tsx import { braveWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Binance Web3 ウォレット +#### Bybit Wallet ```tsx -import { binanceWallet } from '@rainbow-me/rainbowkit/wallets'; +import { bybitWallet } from '@rainbow-me/rainbowkit/wallets'; ``` #### Coinbase -このウォレットコネクタは、Coinbase Walletアプリと拡張機能、およびWeb上のCoinbase Smart Walletの両方をサポートしています。 +このウォレットコネクタは、Coinbase Walletアプリと拡張機能、およびウェブ上でのCoinbase Smart Walletの両方をサポートします。 Smart Walletがユーザーに対して有効で利用可能かどうかを制御するために、`preference`引数が使用可能です。 [ここ](https://www.smartwallet.dev/sdk/makeWeb3Provider#parameters)にプリファレンスに基づく振る舞いが記述されています。 -Smart Walletは、追加のアップグレードなしに6月初旬に`all`でデフォルトで有効化されます。 +Smart Walletは、追加のアップグレードなしに、6月初旬からデフォルトで`all`と共に有効になります。 -開発者は、今日から`sepolia`および`baseSepolia`チェーンを使用してSmart Walletをテストできます。こうすることで、`smartWalletOnly`を設定し、`coinbaseWallet`をウォレットリストに含めることができます： +開発者は今日、`sepolia`および`baseSepolia`チェーンで`smartWalletOnly`を設定し、次のように`coinbaseWallet`をウォレットリストに含めることでSmart Walletをテストできます: ```tsx import { coinbaseWallet } from '@rainbow-me/rainbowkit/wallets'; @@ -169,16 +175,16 @@ import { coinbaseWallet } from '@rainbow-me/rainbowkit/wallets'; coinbaseWallet.preference = 'smartWalletOnly'; ``` -#### コンパスウォレット +#### Coin98 Wallet ```tsx -import { compassWallet } from '@rainbow-me/rainbowkit/compassWallet'; +import { coin98Wallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Coin98 Wallet +#### Compass Wallet ```tsx -import { coin98Wallet } from '@rainbow-me/rainbowkit/wallets'; +import { compassWallet } from '@rainbow-me/rainbowkit/compassWallet'; ``` #### Core @@ -217,58 +223,70 @@ import { frameWallet } from '@rainbow-me/rainbowkit/wallets'; import { frontierWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### ゲートウォレット +#### Gate Wallet ```tsx import { gateWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Ledger Live +#### imToken ```tsx -import { ledgerWallet } from '@rainbow-me/rainbowkit/wallets'; +import { imTokenWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### imToken +#### ioPay Wallet ```tsx -import { imTokenWallet } from '@rainbow-me/rainbowkit/wallets'; +import { iopayWallet } from '@rainbow-me/rainbowkit/wallets'; +``` + +#### Kaia Wallet + +```tsx +import { kaiaWallet } from '@rainbow-me/rainbowkit/wallets'; +``` + +#### Kaikas + +```tsx +import { kaikasWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Krakenウォレット +#### Kraken Wallet ```tsx import { krakenWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### クレサスウォレット +#### Kresus Wallet ```tsx import { kresusWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### カイカス +#### Ledger Live ```tsx -import { kaikasWallet } from '@rainbow-me/rainbowkit/wallets'; +import { ledgerWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### マジックエデンウォレット +#### Magic Eden Wallet ```tsx import { magicEdenWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### MetaMask +#### MEW Wallet ```tsx -import { metaMaskWallet } from '@rainbow-me/rainbowkit/wallets'; +import { mewWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### MEW Wallet +#### MetaMask ```tsx -import { mewWallet } from '@rainbow-me/rainbowkit/wallets'; +import { metaMaskWallet } from '@rainbow-me/rainbowkit/wallets'; ``` #### OKX Wallet @@ -283,12 +301,6 @@ import { okxWallet } from '@rainbow-me/rainbowkit/wallets'; import { omniWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### 1インチウォレット - -```tsx -import { oneInchWallet } from '@rainbow-me/rainbowkit/wallets'; -``` - #### OneKey ```tsx @@ -313,13 +325,13 @@ import { rabbyWallet } from '@rainbow-me/rainbowkit/wallets'; import { rainbowWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### ランパーウォレット +#### Ramper Wallet ```tsx import { ramperWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### ローニンウォレット +#### Ronin Wallet ```tsx import { roninWallet } from '@rainbow-me/rainbowkit/wallets'; @@ -432,11 +444,11 @@ const connectors = connectorsForWallets( ); ``` -> リマインダー：`wallets`配列の順序は、UIでウォレットが表示される順序を定義します。 +> リマインダー：`wallets` 配列の順序は、UIでウォレットが表示される順序を定義します。 #### 複数のグループ -`groupName`キーを使用して、異なるウォレットグループに名前をつけることができます。 これは、推奨するウォレットやその他の可能性のあるウォレットをユーザーに伝えたい場合に便利です。 これは、推奨するウォレットやその他の可能性のあるウォレットをユーザーに伝えたい場合に便利です。 これは、推奨するウォレットやその他の可能性のあるウォレットをユーザーに伝えたい場合に便利です。 これは、推奨するウォレットやその他の可能性のあるウォレットをユーザーに伝えたい場合に便利です。 これは、推奨するウォレットやその他の可能性のあるウォレットをユーザーに伝えたい場合に便利です。 +`groupName`キーを使用して、異なるウォレットグループに名前をつけることができます。 これは、推奨するウォレットやその他の可能性のあるウォレットをユーザーに伝えたい場合に便利です。 RainbowとMetaMaskを推奨しますが、Coinbaseと一般的なフォールバックウォレットも提供します。 diff --git a/site/data/ja/docs/custom-wallets.mdx b/site/data/ja/docs/custom-wallets.mdx index 6417f851cb..544646d794 100644 --- a/site/data/ja/docs/custom-wallets.mdx +++ b/site/data/ja/docs/custom-wallets.mdx @@ -7,9 +7,9 @@ description: カスタムウォレットを作成 ## カスタムウォレットを作成 -> 注意: このAPIは不安定で、近い将来に変更される可能性があります。 時間をかけて、内蔵ウォレットを増やしていきます。 注意: このAPIは不安定で、近い将来に変更される可能性があります。 時間をかけて、内蔵ウォレットを増やしていきます。 [お知らせください](https://github.com/rainbow-me/rainbowkit/issues) あなたが興味を持っている特定のウォレットがあれば。 +> 注意: このAPIは不安定で、近い将来に変更される可能性があります。 時間をかけて、内蔵ウォレットを増やしていきます。 [お知らせください](https://github.com/rainbow-me/rainbowkit/issues) あなたが興味を持っている特定のウォレットがあれば。 -`Wallet`関数型は、独自のカスタムウォレットを定義するのに役立ちます。 `Wallet`関数型は、独自のカスタムウォレットを定義するのに役立ちます。 次のプロパティは `Wallet` 関数の戻り値に設定できます： 次のプロパティは `Wallet` 関数の戻り値に設定できます： 次のプロパティは `Wallet` 関数の戻り値に設定できます： 次のプロパティは `Wallet` 関数の戻り値に設定できます： +`Wallet`関数型は、独自のカスタムウォレットを定義するのに役立ちます。 次のプロパティは `Wallet` 関数の戻り値に設定できます： ### ウォレットのプロパティ diff --git a/site/data/ja/docs/installation.mdx b/site/data/ja/docs/installation.mdx index 976a372d36..461ffd7ed5 100644 --- a/site/data/ja/docs/installation.mdx +++ b/site/data/ja/docs/installation.mdx @@ -60,9 +60,9 @@ import { #### 設定 -望ましいチェーンを設定し、必要なコネクタを生成します。 また、`wagmi` 設定もセットアップする必要があります。 あなたのdAppがサーバーサイドレンダリング(SSR)を使用している場合は、`ssr`を`true`に設定してください。 +希望するチェーンを設定し、必要なコネクタを生成します。 `wagmi` 設定も行う必要があります。 If your dApp uses server side rendering (SSR) make sure to set `ssr` to `true`. -> 注: WalletConnectを利用するすべてのdAppは、現在[WalletConnect Cloud](https://cloud.walletconnect.com/)から`projectId`を取得する必要があります。 これは完全に無料で、数分で完了します。 これは完全に無料で、数分で完了します。 これは完全に無料で、数分で完了します。 これは完全に無料で、数分で完了します。 これは完全に無料で、数分で完了します。 +> 注: WalletConnectを利用するすべてのdAppは、現在[WalletConnect Cloud](https://cloud.walletconnect.com/)から`projectId`を取得する必要があります。 これは完全に無料で、数分で完了します。 ```tsx line=4-99 ... @@ -116,7 +116,7 @@ RainbowKitは今後、ユーザーのウォレット選択の処理、ウォレ ##### Remix -[Remix](https://remix.run)を使用する場合、`buffer`、`events`、`http`モジュールをポリフィルする必要があります。 以下のRemix設定を参照するか、[サンプル Remix プロジェクト](https://github.com/rainbow-me/rainbowkit/blob/main/examples/with-remix)を参照してください。 以下のRemix設定を参照するか、[サンプル Remix プロジェクト](https://github.com/rainbow-me/rainbowkit/blob/main/examples/with-remix)を参照してください。 +[Remix](https://remix.run)を使用する場合、`buffer`、`events`、`http`モジュールをポリフィルする必要があります。 以下のRemix設定を参照するか、[サンプル Remix プロジェクト](https://github.com/rainbow-me/rainbowkit/blob/main/examples/with-remix)を参照してください。 ```ts /** @type {import('@remix-run/dev').AppConfig} */ @@ -128,13 +128,13 @@ export default { }; ``` -### デプロイの準備をしています +### デプロイの準備 -デフォルトでは、dAppは各チェーンの公開RPCプロバイダーを使用して残高を取得したり、ENS名を解決したりなどの処理を行います。 これにより、公開ノードはレート制限されているため、ユーザーに信頼性の問題が発生することがよくあります。 代わりに、[Alchemy](https://www.alchemy.com/) や [QuickNode](https://www.quicknode.com/) などのサービスを通じてRPCプロバイダーへのアクセスを購入し、Wagmiで独自のTransportsを定義するべきです。 これは、`getDefaultConfig`で`transports`パラメータを追加するか、Wagmiの`createConfig`を直接使用することで実現できます。 +デフォルトでは、dAppは各チェーンの公開RPCプロバイダーを使用してバランスを取得し、ENS名を解決などを行います。 これは、パブリックノードがレート制限されているため、ユーザーに信頼性の問題を引き起こすことがよくあります。 代わりに、[Alchemy](https://www.alchemy.com/)や[QuickNode](https://www.quicknode.com/)などのサービスを通じてRPCプロバイダーへのアクセスを購入し、Wagmiで独自のトランスポートを定義する必要があります。 これは、`getDefaultConfig`の`transports` パラメータを追加するか、Wagmiの `createConfig` を直接使用することで達成できます。 -Transportは、JSON-RPCリクエストをEthereumノードプロバイダー（Alchemy、Infuraなど）に送信するネットワーキングの中間層です。 +A Transport is the networking middle layer that handles sending JSON-RPC requests to the Ethereum Node Provider (like Alchemy, Infura, etc). -**`http`トランスポートを使用した例** +**`http` トランスポートの例** ```tsx import { getDefaultConfig } from '@rainbow-me/rainbowkit'; @@ -152,13 +152,13 @@ const config = getDefaultConfig({ }); ``` -詳細については、[wagmi のトランスポート文書](https://wagmi.sh/core/api/transports#transports)をご覧ください。 +詳細については、[wagmi トランスポートドキュメント](https://wagmi.sh/core/api/transports#transports)をご覧ください。 ### 自分自身の機能を追加する ユーザーがウォレットを接続できるようになったので、あなたは [wagmi.](https://wagmi.sh)を使用してアプリの残りの部分を構築を開始することができます。 -wagmiの包括的なReactフックスを使用して、トランザクションの送信、コントラクトとのやり取り、ENSの詳細の解決などを行うことができます。 +トランザクションを送信し、コントラクトと対話し、ENSの詳細を解決し、その他の多くのことを、wagmiの包括的なReactフックスイートを使用して行います。 詳細については、[wagmi の文書化](https://wagmi.sh)をご覧ください。 @@ -172,4 +172,4 @@ RainbowKitの一部の実行例を見るため、またはそれらを使って - [Next.js]を使用(https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-next) - [Next.js App Router]を使用(https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-next-app) - [Remix]を使用(https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-remix) -- [Vite]を使用（https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-vite） +- with [Vite](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-vite) diff --git a/site/data/ja/docs/introduction.mdx b/site/data/ja/docs/introduction.mdx index 6a98be3c81..13253b0eb0 100644 --- a/site/data/ja/docs/introduction.mdx +++ b/site/data/ja/docs/introduction.mdx @@ -9,17 +9,17 @@ description: ウォレットを接続する最良の方法 🌈
Rainbow、MetaMask などを含む）は、ウォレットを接続する体験の間に `Installed` セクションに自動的に表示されるようになりました。 これにより、ユーザーはお気に入りのウォレットを常に見つけて、競合やフォールバックボタンなしで dApps に接続できるようになります。 -開発者は引き続きカスタムウォレットリストを完全に制御でき、エンドユーザーにとって優先されるウォレットを強調表示できます。 すべてのプラットフォームをサポートするために、`injectedWallet` と `walletConnectWallet` をリストに含め続けることをお勧めします。 すべてのプラットフォームをサポートするために、`injectedWallet` と `walletConnectWallet` をリストに含め続けることをお勧めします。 すべてのプラットフォームをサポートするために、`injectedWallet` と `walletConnectWallet` をリストに含め続けることをお勧めします。 すべてのプラットフォームをサポートするために、`injectedWallet` と `walletConnectWallet` をリストに含め続けることをお勧めします。 すべてのプラットフォームをサポートするために、`injectedWallet` と `walletConnectWallet` をリストに含め続けることをお勧めします。 +開発者は引き続きカスタムウォレットリストを完全に制御でき、エンドユーザーにとって優先されるウォレットを強調表示できます。 すべてのプラットフォームをサポートするために、`injectedWallet` と `walletConnectWallet` をリストに含め続けることをお勧めします。 **2. getDefaultConfig を使用した Wagmi 設定** -この新しいAPIは設定体験を簡素化し、Wagmiの`createConfig`を直接使用する必要を置き換えます。 チェーン設定が簡素化され、`transports`のための推定された公開プロバイダーが含まれます。 チェーン設定が簡素化され、`transports`のための推定された公開プロバイダーが含まれます。 チェーン設定が簡素化され、`transports`のための推定された公開プロバイダーが含まれます。 +この新しいAPIは設定体験を簡素化し、Wagmiの`createConfig`を直接使用する必要を置き換えます。 チェーン設定が簡素化され、`transports`のための推定された公開プロバイダーが含まれます。 デフォルトのウォレットリストが自動的に含まれるようになり、`getDefaultWallets`や`connectorsForWallets`を使用する必要がなくなります。 -インポートされた、またはカスタムウォレットコネクタを`wallets`に渡すことでカスタムウォレットリストを作成できます。 インポートされた、またはカスタムウォレットコネクタを`wallets`に渡すことでカスタムウォレットリストを作成できます。 ウォレットコネクタのインスタンス化と`projectId`および`chains`の渡しはもはや必要ありません。 ウォレットコネクタのインスタンス化と`projectId`および`chains`の渡しはもはや必要ありません。 インポートされた、またはカスタムウォレットコネクタを`wallets`に渡すことでカスタムウォレットリストを作成できます。 ウォレットコネクタのインスタンス化と`projectId`および`chains`の渡しはもはや必要ありません。 ウォレットコネクタのインスタンス化と`projectId`および`chains`の渡しはもはや必要ありません。 +インポートされた、またはカスタムウォレットコネクタを`wallets`に渡すことでカスタムウォレットリストを作成できます。 ウォレットコネクタのインスタンス化と`projectId`および`chains`の渡しはもはや必要ありません。 ``` const config = getDefaultConfig({ @@ -133,7 +133,7 @@ const config = getDefaultConfig({ + ``` -**4. カスタムチェーン** +**3. カスタムチェーン** Wagmi v2に従って`Chain`タイプが変更され、RainbowKitの`iconUrl`と`iconBackground`メタデータをサポートし続けています。 @@ -195,61 +195,61 @@ const config = getDefaultConfig({ }) ``` -**2. `viem`ピア依存関係をインストール** +**4. カスタムウォレット** -RainbowKitのウォレットコネクタは、Wagmi v2をサポートするために大幅な変更が加えられました。 RainbowKitのウォレットコネクタは、Wagmi v2をサポートするために大幅な変更が加えられました。 dAppのカスタムウォレットコネクタをアップグレードするために、[更新されたドキュメント](https://www.rainbowkit.com/docs/custom-wallets)と[例のコネクタ](packages/rainbowkit/src/wallets/walletConnectors/rainbowWallet/rainbowWallet.ts)を参照してください。 RainbowKitのウォレットコネクタは、Wagmi v2をサポートするために大幅な変更が加えられました。 RainbowKitのウォレットコネクタは、Wagmi v2をサポートするために大幅な変更が加えられました。 dAppのカスタムウォレットコネクタをアップグレードするために、[更新されたドキュメント](https://www.rainbowkit.com/docs/custom-wallets)と[例のコネクタ](packages/rainbowkit/src/wallets/walletConnectors/rainbowWallet/rainbowWallet.ts)を参照してください。 dAppのカスタムウォレットコネクタをアップグレードするために、[更新されたドキュメント](https://www.rainbowkit.com/docs/custom-wallets)および[サンプルコネクタ](https://github.com/rainbow-me/rainbowkit/blob/main/packages/rainbowkit/src/wallets/walletConnectors/rainbowWallet/rainbowWallet.ts)を参照してください。 +RainbowKitのウォレットコネクタは、Wagmi v2をサポートするために大幅な変更が加えられました。 dAppのカスタムウォレットコネクタをアップグレードするために、[更新されたドキュメント](https://www.rainbowkit.com/docs/custom-wallets)および[サンプルコネクタ](https://github.com/rainbow-me/rainbowkit/blob/main/packages/rainbowkit/src/wallets/walletConnectors/rainbowWallet/rainbowWallet.ts)を参照してください。 -ウォレットコネクタは、`rdns`プロパティを使用してEIP-6963標準もサポートするようになりました。 ウォレットリスト内でEIP-6963をサポートするウォレットへの重複する参照が発生しないように、これが入力されていることを確認してください。 ウォレットリスト内でEIP-6963をサポートするウォレットへの重複する参照が発生しないように、これが入力されていることを確認してください。 ウォレットリスト内でEIP-6963をサポートするウォレットへの重複する参照が発生しないように、これが入力されていることを確認してください。 +ウォレットコネクタは、`rdns`プロパティを使用してEIP-6963標準もサポートするようになりました。 ウォレットリスト内でEIP-6963をサポートするウォレットへの重複する参照が発生しないように、これが入力されていることを確認してください。 -### 1.x.x 破壊的変更 +### 1.x.x 破壊的な変更 #### wagmi v1に更新 [wagmi](https://wagmi.sh) のピア依存関係が `1.x.x`に更新されました。 -以下の手順でマイグレートしてください。 +以下の手順に従って移行してください。 -**1. RainbowKitと`wagmi`を最新バージョンにアップグレード** +**1. RainbowKitと`wagmi`を最新バージョンにアップグレードします** ```bash npm i @rainbow-me/rainbowkit@^1 wagmi@^1 ``` -**2. `viem`ピア依存関係をインストール** +**2. viemのピア依存関係をインストールしてください** -wagmi v1は`viem`ピア依存関係を必要とします。 以下のコマンドでインストールします: 以下のコマンドでインストールします: 以下のコマンドでインストールします: 以下のコマンドでインストールします: 以下のコマンドでインストールします: +wagmi v1は`viem`ピア依存関係を必要とします。 以下のコマンドでインストールします: ```bash npm i viem ``` -注：wagmiはもはや`ethers`パッケージを内部的に使用していません。 注：wagmiはもはや`ethers`パッケージを内部的に使用していません。 しかし、 [Authentication](https://www.rainbowkit.com/docs/authentication) APIに依存している場合、`siwe`はまだ`ethers`をピア依存関係として要求します。 +注：wagmiはもはや`ethers`パッケージを内部的に使用していません。 しかし、 [Authentication](https://www.rainbowkit.com/docs/authentication) APIに依存している場合、`siwe`はまだ`ethers`をピア依存関係として要求します。 **3. バンドラとポリフィルの互換性を確保する** -以前のwagmiバージョンでは、 [ethers](https://docs.ethers.org/v5/)に依存していたため、WalletConnectが必要とする`fs`、`net`、`tls`モジュールが自動的にポリフィルされました。 これは、[viem](https://viem.sh/)をベースに構築されたRainbowKit v1 + wagmi v1ではもはや当てはまりません。 以前のwagmiバージョンでは、 [ethers](https://docs.ethers.org/v5/)に依存していたため、WalletConnectが必要とする`fs`、`net`、`tls`モジュールが自動的にポリフィルされました。 これは、[viem](https://viem.sh/)をベースに構築されたRainbowKit v1 + wagmi v1ではもはや当てはまりません。 これは、[viem](https://viem.sh/)をベースに構築されたRainbowKit v1 + wagmi v1ではもはや当てはまりません。 +以前のwagmiバージョンでは、 [ethers](https://docs.ethers.org/v5/)に依存していたため、WalletConnectが必要とする`fs`、`net`、`tls`モジュールが自動的にポリフィルされました。 これは、[viem](https://viem.sh/)をベースに構築されたRainbowKit v1 + wagmi v1ではもはや当てはまりません。 プロジェクトの設定指南として[Next.js Webpack Config](https://github.com/rainbow-me/rainbowkit/blob/main/examples/with-next/next.config.js)と[Create React App polyfills](https://github.com/rainbow-me/rainbowkit/blob/main/examples/with-create-react-app/src/polyfills.ts)のサンプルを参照してください。 ViteとRemixの追加フレームワークガイドは、 [here](https://www.rainbowkit.com/docs/installation#additional-build-tooling-setup)で利用できます。 -\*\*3. `wagmi`の破壊的な変更を確認する +**3. `wagmi`の破壊的な変更を確認する** あなたのアプリケーションで`wagmi`のフックを使用している場合、`wagmi`のv1への移行ガイドに従う必要があります。 -[ここで彼らの移行ガイドを見ることができます](https://wagmi.sh/react/migration-guide)。 +[ここで移行ガイドを見ることができます](https://wagmi.sh/react/migration-guide)。 ### 0.12.x破壊的な変更 -wagmiのピア依存性が`0.12.x`に更新されました。 +wagmiのピア依存関係が`0.12.x`に更新されました。 -RainbowKitは、継続的なWalletConnect v1のサポートのために、`wagmi`内の`WalletConnectLegacyConnector`コネクタを採用しました。 WalletConnect v2と`WalletConnectConnector`のサポートは間もなくパッチリリースとして利用可能になります。既存のコードを変更することなく導入できます。 WalletConnect v2と`WalletConnectConnector`のサポートは間もなくパッチリリースとして利用可能になります。既存のコードを変更することなく導入できます。 WalletConnect v2と`WalletConnectConnector`のサポートは間もなくパッチリリースとして利用可能になります。既存のコードを変更することなく導入できます。 WalletConnect v2と`WalletConnectConnector`のサポートは間もなくパッチリリースとして利用可能になります。既存のコードを変更することなく導入できます。 WalletConnect v2と`WalletConnectConnector`のサポートは間もなくパッチリリースとして利用可能になります。既存のコードを変更することなく導入できます。 +RainbowKitは、継続的なWalletConnect v1のサポートのために、`wagmi`内の`WalletConnectLegacyConnector`コネクタを採用しました。 WalletConnect v2と`WalletConnectConnector`のサポートは間もなくパッチリリースとして利用可能になります。既存のコードを変更することなく導入できます。 将来のリリースでは、ウォレットは自動的に移行されます。 -すべてのdAppは現在、WalletConnect v2を有効にするために[WalletConnect Cloud](https://cloud.walletconnect.com/)の`projectId`を提供する必要があります。 これは、WalletConnect v1のブリッジサーバーが2023年6月28日にシャットダウンされる前に完了させる必要があります。 すべてのdAppは現在、WalletConnect v2を有効にするために[WalletConnect Cloud](https://cloud.walletconnect.com/)の`projectId`を提供する必要があります。 これは、WalletConnect v1のブリッジサーバーが2023年6月28日にシャットダウンされる前に完了させる必要があります。 RainbowKitは、`projectId`が指定されていない場合、すべてのウォレットに対して静かにv1を優先します。 これは、WalletConnect v1のブリッジサーバーが2023年6月28日にシャットダウンされる前に完了させる必要があります。 RainbowKitは、`projectId`が指定されていない場合、すべてのウォレットに対して静かにv1を優先します。 これは、WalletConnect v1のブリッジサーバーが2023年6月28日にシャットダウンされる前に完了させる必要があります。 RainbowKitは、`projectId`が指定されていない場合、すべてのウォレットに対して静かにv1を優先します。 +すべてのdAppは現在、WalletConnect v2を有効にするために[WalletConnect Cloud](https://cloud.walletconnect.com/)の`projectId`を提供する必要があります。 これは、WalletConnect v1のブリッジサーバーが2023年6月28日にシャットダウンされる前に完了させる必要があります。 RainbowKitは、`projectId`が指定されていない場合、すべてのウォレットに対して静かにv1を優先します。 -以下の手順でマイグレートしてください。 +以下の手順に従って移行してください。 #### 1. RainbowKitと`wagmi`を最新バージョンにアップグレードします @@ -259,9 +259,9 @@ npm i @rainbow-me/rainbowkit@^0.12.0 wagmi@^0.12.0 #### 2. WalletConnect CloudのprojectIdを提供します -WalletConnectに依存するすべてのdAppは現在、[WalletConnect Cloud](https://cloud.walletconnect.com/)から`projectId`を取得する必要があります。 これは完全に無料で、数分で完了します。 これは完全に無料で、数分で完了します。 これは完全に無料で、数分で完了します。 これは完全に無料で、数分で完了します。 これは完全に無料で、数分で完了します。 +WalletConnectに依存するすべてのdAppは現在、[WalletConnect Cloud](https://cloud.walletconnect.com/)から`projectId`を取得する必要があります。 これは完全に無料で、数分で完了します。 -`getDefaultWallets`と個々のRainbowKitウォレットコネクタに`projectId`を提供します,次のように: +`getDefaultWallets`と個々のRainbowKitウォレットコネクタに`projectId`を提供します。次のように: ```ts const projectId = 'YOUR_PROJECT_ID'; @@ -285,11 +285,11 @@ const connectors = connectorsForWallets([ ]); ``` -### 0.11.x の破壊的な変更 +### 0.11.xの破壊的な変更 wagmiのピア依存関係が`0.11.x`に更新されました。 -以下の手順でマイグレートしてください。 +以下の手順に従って移行してください。 #### 1. RainbowKitと`wagmi`を最新バージョンにアップグレードします @@ -297,17 +297,17 @@ wagmiのピア依存関係が`0.11.x`に更新されました。 npm i @rainbow-me/rainbowkit@^0.11.0 wagmi@^0.11.0 ``` -#### 2. `wagmi`の破壊的な変更をチェックします +#### 2. `wagmi`の破壊的な変更を確認する あなたのアプリケーションで`wagmi`のフックを使用している場合、あなたのアプリケーションが`wagmi`の破壊的な変更の影響を受けているかどうかを確認する必要があります。 -[ここで移行ガイドを見ることができます](https://wagmi.sh/react/migration-guide#011x-breaking-changes). +[ここで移行ガイドを見ることができます](https://wagmi.sh/react/migration-guide#011x-breaking-changes)。 -### 0.10.x の破壊的な変更 +### 0.10.x破壊的な変更 wagmiのピア依存関係が`0.10.x`に更新されました。 -以下の手順でマイグレートしてください。 +以下の手順に従って移行してください。 #### 1. RainbowKitと`wagmi`を最新バージョンにアップグレードします @@ -315,17 +315,17 @@ wagmiのピア依存関係が`0.10.x`に更新されました。 npm i @rainbow-me/rainbowkit@^0.10.0 wagmi@^0.10.0 ``` -#### 2. `wagmi`の破壊的な変更をチェックします +#### 2. `wagmi`の破壊的な変更を確認する あなたのアプリケーションで`wagmi`のフックを使用している場合、あなたのアプリケーションが`wagmi`の破壊的な変更の影響を受けているかどうかを確認する必要があります。 -[ここでマイグレーションガイドを見ることができます](https://wagmi.sh/react/migration-guide#010x-breaking-changes)。 +[ここで移行ガイドを見ることができます](https://wagmi.sh/react/migration-guide#010x-breaking-changes)。 -### 0.9.x 破壊的な変更 +### 0.9.x破壊的な変更 -wagmiのピア依存関係が `0.9.x` に更新されました。 +wagmiのピア依存関係が`0.9.x`に更新されました。 -以下の手順でマイグレートしてください。 +以下の手順に従って移行してください。 #### 1. RainbowKitと`wagmi`を最新バージョンにアップグレードします @@ -333,17 +333,17 @@ wagmiのピア依存関係が `0.9.x` に更新されました。 npm i @rainbow-me/rainbowkit@^0.9.0 wagmi@^0.9.0 ``` -#### 2. `wagmi`の破壊的な変更をチェックします +#### 2. `wagmi`の破壊的な変更を確認する あなたのアプリケーションで`wagmi`のフックを使用している場合、あなたのアプリケーションが`wagmi`の破壊的な変更の影響を受けているかどうかを確認する必要があります。 -[ここでマイグレーションガイドを見ることができます](https://wagmi.sh/react/migration-guide#09x-breaking-changes)。 +[ここで移行ガイドを見ることができます](https://wagmi.sh/react/migration-guide#09x-breaking-changes)。 -### 0.8.x 破壊的な変更 +### 0.8.x破壊的な変更 -wagmiのピア依存関係が `0.8.x` に更新されました。 +wagmiのピア依存関係が`0.8.x`に更新されました。 -以下の手順でマイグレートしてください。 +以下の手順に従って移行してください。 #### 1. RainbowKitと`wagmi`を最新バージョンにアップグレードします @@ -351,15 +351,15 @@ wagmiのピア依存関係が `0.8.x` に更新されました。 npm i @rainbow-me/rainbowkit@^0.8.0 wagmi@^0.8.0 ``` -#### 2. `wagmi`の破壊的な変更をチェックします +#### 2. `wagmi`の破壊的な変更を確認する あなたのアプリケーションで`wagmi`のフックを使用している場合、あなたのアプリケーションが`wagmi`の破壊的な変更の影響を受けているかどうかを確認する必要があります。 [こちらで移行ガイドを見ることができます](https://wagmi.sh/react/migration-guide#08x-breaking-changes)。 -### 0.7.x バージョンでの互換性の変更 +### 0.7.x破壊的な変更 -カスタムウォレットリストを作成している場合、バンドルサイズを削減するために、各ウォレットを個別にインポートする必要があります。 ウォレットがもはや `wallet` オブジェクトを通じて名前空間化されないため、すべてのウォレットには `Wallet` という接尾辞が付きます。 ウォレットがもはや `wallet` オブジェクトを通じて名前空間化されないため、すべてのウォレットには `Wallet` という接尾辞が付きます。 ウォレットがもはや `wallet` オブジェクトを通じて名前空間化されないため、すべてのウォレットには `Wallet` という接尾辞が付きます。 ウォレットがもはや `wallet` オブジェクトを通じて名前空間化されないため、すべてのウォレットには `Wallet` という接尾辞が付きます。 ウォレットがもはや `wallet` オブジェクトを通じて名前空間化されないため、すべてのウォレットには `Wallet` という接尾辞が付きます。 +カスタムウォレットリストを作成している場合、バンドルサイズを削減するために、各ウォレットを個別にインポートする必要があります。 ウォレットがもはや `wallet` オブジェクトを通じて名前空間化されないため、すべてのウォレットには `Wallet` という接尾辞が付きます。 ```diff -import { connectorsForWallets, wallet } from '@rainbow-me/rainbowkit'; @@ -386,7 +386,7 @@ const wallets = [ ]; ``` -また、Steakwalletの下位互換性レイヤーが削除されたことに注意してください。 代わりにOmniを使用すべきです。 代わりにOmniを使用すべきです。 +また、Steakwalletの下位互換性レイヤーが削除されたことに注意してください。 代わりにOmniを使用すべきです。 ```diff -import { wallet } from '@rainbow-me/rainbowkit'; @@ -398,11 +398,11 @@ const wallets = [ ]; ``` -### 0.4.x バージョンでの互換性の変更 +### 0.4.x破壊的な変更 RainbowKitは`wagmi`のピア依存関係を`0.5.x`に更新しました。 -以下の手順でマイグレートしてください。 +以下の手順に従って移行してください。 #### 1. 依存関係のアップグレード @@ -412,7 +412,7 @@ RainbowKitとwagmiを最新バージョンにアップグレードします npm i @rainbow-me/rainbowkit@^0.4.0 wagmi@^0.5.0 ``` -#### 2. `wagmi`の破壊的な変更をチェックします +#### 2. `wagmi`の破壊的な変更を確認する あなたのアプリケーションで`wagmi`のフックを使用している場合、あなたのアプリケーションが`wagmi`の破壊的な変更の影響を受けているかどうかを確認する必要があります。 @@ -422,7 +422,7 @@ npm i @rainbow-me/rainbowkit@^0.4.0 wagmi@^0.5.0 `Wallet` タイプの `createConnector` から `chainId` パラメータを削除しました。 -**すべての組み込みウォレットが新しいAPIを使用していることに注意してください。 ほとんどの消費者には影響がありません。 この変更は、[カスタムウォレット](/docs/custom-wallets)を作成/消費した消費者にのみ影響します。** ほとんどの消費者には影響がありません。 この変更は、[カスタムウォレット](/docs/custom-wallets)を作成/消費した消費者にのみ影響します。\*\* +**すべての組み込みウォレットが新しいAPIを使用していることに注意してください。 ほとんどの消費者には影響がありません。 この変更は、[カスタムウォレット](/docs/custom-wallets)を作成/消費した消費者にのみ影響します。 ** `createConnector`の`chainId`から以前にRPCのURLを導出していた場合、`wagmi`が`configureChains`と一緒に使用されるときに内部的にRPCのURLを処理するようになったので、そのロジックを削除できます。 @@ -482,7 +482,7 @@ const connectors = connectorsForWallets([ RainbowKitは`wagmi`のピア依存性を`^0.4`に更新しました。 -以下の手順でマイグレートしてください。 +以下の手順に従って移行してください。 #### 1. 依存関係のアップグレード @@ -503,7 +503,7 @@ RainbowKitの代わりにwagmiから`configureChains`をインポートします #### 3. プロバイダーを移行する -RainbowKitはもはや`apiProvider` APIをエクスポートしない。 これをwagmiから任意のプロバイダーに置き換えてください。 これをwagmiから任意のプロバイダーに置き換えてください。 これをwagmiから任意のプロバイダーに置き換えてください。 これをwagmiから任意のプロバイダーに置き換えてください。 これをwagmiから任意のプロバイダーに置き換えてください。 +RainbowKitはもはや`apiProvider` APIをエクスポートしない。 これをwagmiから任意のプロバイダーに置き換えてください。 ```diff - import { apiProvider } from '@rainbow-me/rainbowkit'; @@ -523,7 +523,7 @@ const { chains, provider } = configureChains( ); ``` -#### インフラ +#### Infura `wagmi/providers/infura`から`infuraProvider`をインポートします。 @@ -591,4 +591,4 @@ const App = () => { }; ``` -それで完了です！ 🌈 +そして終わりです！ 🌈 diff --git a/site/data/ja/docs/modal-hooks.mdx b/site/data/ja/docs/modal-hooks.mdx index d26196fbb0..4910388116 100644 --- a/site/data/ja/docs/modal-hooks.mdx +++ b/site/data/ja/docs/modal-hooks.mdx @@ -7,13 +7,13 @@ description: フック経由でプログラム的にモーダルを開く ## フック経由でプログラム的にモーダルを開く -以下のフックは、アプリケーションのどこでもプログラム的にモーダルを開くことを可能にします。 +以下のフックは、アプリケーション内のどこでもプログラム的にモーダルを開くことを可能にするために提供されています。 - `useConnectModal` - `useAccountModal` - `useChainModal` -これらのフックのそれぞれは、それぞれのモーダルを開くための関数を持つオブジェクトを返します。 返された関数は、あなたのアプリケーションがモーダルを開くための必要な状態に無い場合には定義されていないことに注意してください。 +これらの各フックは、それぞれのモーダルを開くための関数を持つオブジェクトを返します。 アプリケーションがモーダルを開くために必要な状態にない場合、返される関数は未定義になりますのでご注意ください。 ```tsx import { @@ -51,7 +51,7 @@ export const YourApp = () => { }; ``` -各フックはまた、モーダルのステータスのための真偽値を返します。 各フックはまた、モーダルのステータスのための真偽値を返します。 通常は、Connect Modalの状態に頼るのではなく、ユーザーのウォレット接続状態に直接反応するために、純粋にWagmiフック (つまり `useAccount`) に頼ることをお勧めします。 +各フックはまた、モーダルのステータスのための真偽値を返します。 通常は、Connect Modalの状態に頼るのではなく、ユーザーのウォレット接続状態に直接反応するために、純粋にWagmiフック (つまり `useAccount`) に頼ることをお勧めします。 ```tsx const { connectModalOpen } = useConnectModal(); @@ -59,6 +59,6 @@ const { accountModalOpen } = useAccountModal(); const { chainModalOpen } = useChainModal(); ``` -RainbowKitは中断せず、応答性がありますので、dAppsはウォレットが接続されているかどうかに関わらず、ユーザーインターフェイスを常にレンダリングする必要があります。 ユーザーはMetaMaskから直接ウォレットを接続または切断できるため、dAppは直接的に基礎となる接続ステータスに対して応答性が必要です。 ユーザーはMetaMaskから直接ウォレットを接続または切断できるため、dAppは直接的に基礎となる接続ステータスに対して応答性が必要です。 ユーザーはMetaMaskから直接ウォレットを接続または切断できるため、dAppは直接的に基礎となる接続ステータスに対して応答性が必要です。 ユーザーはMetaMaskから直接ウォレットを接続または切断できるため、dAppは直接的に基礎となる接続ステータスに対して応答性が必要です。 +RainbowKitは中断せず、応答性がありますので、dAppsはウォレットが接続されているかどうかに関わらず、ユーザーインターフェイスを常にレンダリングする必要があります。 ユーザーはMetaMaskから直接ウォレットを接続または切断できるため、dAppは直接的に基礎となる接続ステータスに対して応答性が必要です。 -ユーザー認証のためにEthereumでサインインなどのメカニズムに依存するdAppsは、代わりに [Authentication](/docs/authentication) 機能に依存すべきです。 +dAppsはユーザー認証のためにEthereumを使ったサインインのようなメカニズムに依存するのではなく、[認証](/docs/authentication)機能を使用するべきです。 diff --git a/site/data/ja/docs/modal-sizes.mdx b/site/data/ja/docs/modal-sizes.mdx index 9979c2629d..36ec4596e4 100644 --- a/site/data/ja/docs/modal-sizes.mdx +++ b/site/data/ja/docs/modal-sizes.mdx @@ -7,15 +7,15 @@ description: ワイド vs. コンパクト ## ワイド vs. コンパクト サイズ -デフォルトでは、RainbowKitの`modalSize`は`wide`に設定されています（このように見えます）: +デフォルトでは、RainbowKitの`modalSize`は`wide`に設定されています（このように表示されます）： -`compact`なモーダルサイズも提供しています、その見た目はこのようになります: +また、以下のように見える`compact`モーダル サイズも提供しています： -モーダルのサイズを`compact`に設定するには、`RainbowKitProvider`のプロパティに`modalSize="compact"`と追加するだけです: +`modalSize="compact"`を`RainbowKitProvider`のプロップとして追加するだけでモーダルのサイズを`compact`に設定できます： ```tsx import { RainbowKitProvider } from '@rainbow-me/rainbowkit'; diff --git a/site/data/ja/docs/recent-transactions.mdx b/site/data/ja/docs/recent-transactions.mdx index 795b4d127f..96bafe1fe2 100644 --- a/site/data/ja/docs/recent-transactions.mdx +++ b/site/data/ja/docs/recent-transactions.mdx @@ -7,11 +7,11 @@ description: 最近の取引を表示する ## 最近の取引を表示する -RainbowKitのアカウントモーダル内に最近の取引を表示するようにオプトインできます。 すべての取引はローカルストレージに保管され、表示するためにはRainbowKitに手動で登録する必要があります。 RainbowKitのアカウントモーダル内に最近の取引を表示するようにオプトインできます。 すべての取引はローカルストレージに保管され、表示するためにはRainbowKitに手動で登録する必要があります。 すべての取引はローカルストレージに保管され、表示するためにはRainbowKitに手動で登録する必要があります。 RainbowKitのアカウントモーダル内に最近の取引を表示するようにオプトインできます。 すべての取引はローカルストレージに保管され、表示するためにはRainbowKitに手動で登録する必要があります。 すべての取引はローカルストレージに保管され、表示するためにはRainbowKitに手動で登録する必要があります。 +RainbowKitのアカウントモーダル内に最近の取引を表示するようにオプトインできます。 すべての取引はローカルストレージに保管され、表示するためにはRainbowKitに手動で登録する必要があります。 -デフォルトの`ConnectButton`実装は、保留中の取引がある場合、ユーザーのアバターの周りにローディングインジケーターを表示します。 デフォルトの`ConnectButton`実装は、保留中の取引がある場合、ユーザーのアバターの周りにローディングインジケーターを表示します。 カスタム`ConnectButton`実装は、レンダリング関数に渡される`account.hasPendingTransactions`プロパティを介してこの振る舞いを再現できます。 デフォルトの`ConnectButton`実装は、保留中の取引がある場合、ユーザーのアバターの周りにローディングインジケーターを表示します。 カスタム`ConnectButton`実装は、レンダリング関数に渡される`account.hasPendingTransactions`プロパティを介してこの振る舞いを再現できます。 +デフォルトの`ConnectButton`実装は、保留中の取引がある場合、ユーザーのアバターの周りにローディングインジケーターを表示します。 カスタム`ConnectButton`実装は、レンダリング関数に渡される`account.hasPendingTransactions`プロパティを介してこの振る舞いを再現できます。 -この機能を使用するには、まず`RainbowKitProvider`の`showRecentTransactions`オプションを有効にします。 +`RainbowKitProvider`で`showRecentTransactions`オプションを有効にしてこの機能を使用します。 ```tsx import { RainbowKitProvider } from '@rainbow-me/rainbowkit'; @@ -25,7 +25,7 @@ const App = () => { }; ``` -取引は、`useAddRecentTransaction`フックを使用してRainbowKitに登録できます。 +`useAddRecentTransaction`フックを使用して取引をRainbowKitに登録できます。 ```tsx import { useAddRecentTransaction } from '@rainbow-me/rainbowkit'; @@ -50,7 +50,7 @@ export default () => { 取引がRainbowKitに登録されると、そのステータスは完了時に更新されます。 -デフォルトでは、トランザクションが採掘されたブロックの上に単一のブロックが採掘された時点で、トランザクションは完了と見なされますが、カスタムな `confirmations` の値を指定することによってこれを設定することができます。 +デフォルトでは、トランザクションが採掘されたブロックの上に1つのブロックが採掘されると、トランザクションは完了したと見なされますが、カスタム`confirmations`値を指定することでこれを設定できます。 ```tsx import { useAddRecentTransaction } from '@rainbow-me/rainbowkit'; diff --git a/site/data/ja/docs/theming.mdx b/site/data/ja/docs/theming.mdx index 35945706db..3c7f5e9d0d 100644 --- a/site/data/ja/docs/theming.mdx +++ b/site/data/ja/docs/theming.mdx @@ -7,7 +7,7 @@ description: テーマの使用とカスタマイズ ## テーマの使用とカスタマイズ -あなたはRainbowKit UIを自分のブランドに合わせて調整することができます。 いくつかの事前に定義されたアクセントカラーやボーダーラディウスの設定から選ぶことができます。 いくつかの事前に定義されたアクセントカラーやボーダーラディウスの設定から選ぶことができます。 いくつかの事前に定義されたアクセントカラーやボーダーラディウスの設定から選ぶことができます。 いくつかの事前に定義されたアクセントカラーやボーダーラディウスの設定から選ぶことができます。 いくつかの事前に定義されたアクセントカラーやボーダーラディウスの設定から選ぶことができます。 +あなたはRainbowKit UIを自分のブランドに合わせて調整することができます。 いくつかの事前に定義されたアクセントカラーやボーダーラディウスの設定から選ぶことができます。 3つの組み込みテーマ関数があります： @@ -15,7 +15,7 @@ description: テーマの使用とカスタマイズ - `darkTheme` - `midnightTheme` -テーマ関数はテーマオブジェクトを返します。 テーマ関数はテーマオブジェクトを返します。 このオブジェクトを `RainbowKitProvider`の`theme` プロパティに渡すことができます。 このオブジェクトを `RainbowKitProvider`の`theme` プロパティに渡すことができます。 テーマ関数はテーマオブジェクトを返します。 このオブジェクトを `RainbowKitProvider`の`theme` プロパティに渡すことができます。 このオブジェクトを `RainbowKitProvider`の`theme` プロパティに渡すことができます。 テーマ関数はテーマオブジェクトを返します。 このオブジェクトを `RainbowKitProvider`の`theme` プロパティに渡すことができます。 このオブジェクトを `RainbowKitProvider`の`theme` プロパティに渡すことができます。 +テーマ関数はテーマオブジェクトを返します。 このオブジェクトを `RainbowKitProvider`の`theme` プロパティに渡すことができます。 ```tsx import { RainbowKitProvider, darkTheme } from '@rainbow-me/rainbowkit'; @@ -119,7 +119,7 @@ const App = () => { }; ``` -各テーマはさまざまなアクセントカラープリセット（`blue`、`green`、`orange`、`pink`、`purple`、`red`）を提供しており、これらをオプションオブジェクトにスプレッドすることができます。 例えば、ピンクのアクセントカラープリセットを使用する方法は次の通りです： 例えば、ピンクのアクセントカラープリセットを使用する方法は次の通りです： 例えば、ピンクのアクセントカラープリセットを使用する方法は次の通りです： 例えば、ピンクのアクセントカラープリセットを使用する方法は次の通りです： 例えば、ピンクのアクセントカラープリセットを使用する方法は次の通りです： +各テーマはさまざまなアクセントカラープリセット（`blue`、`green`、`orange`、`pink`、`purple`、`red`）を提供しており、これらをオプションオブジェクトにスプレッドすることができます。 例えば、ピンクのアクセントカラープリセットを使用する方法は次の通りです： ```tsx import { RainbowKitProvider, darkTheme } from '@rainbow-me/rainbowkit'; @@ -260,7 +260,7 @@ const App = () => { #### フォントスタック -デフォルトでは、`fontStack`は`rounded`に設定されています。 しかし、ここでは`fontStack`設定の使い方を説明します。 しかし、ここでは`fontStack`設定の使い方を説明します。 しかし、ここでは`fontStack`設定の使い方を説明します。 しかし、ここでは`fontStack`設定の使い方を説明します。 しかし、ここでは`fontStack`設定の使い方を説明します。 +デフォルトでは、`fontStack`は`rounded`に設定されています。 しかし、ここでは`fontStack`設定の使い方を説明します。 フォントスタックを`system`に設定します。 @@ -283,7 +283,7 @@ const App = () => { #### オーバーレイのブラー -デフォルトでは、`overlayBlur`は`none`に設定されています。 しかし、ここでは`overlayBlur`設定の使い方を説明します。 しかし、ここでは`overlayBlur`設定の使い方を説明します。 しかし、ここでは`overlayBlur`設定の使い方を説明します。 しかし、ここでは`overlayBlur`設定の使い方を説明します。 しかし、ここでは`overlayBlur`設定の使い方を説明します。 +デフォルトでは、`overlayBlur`は`none`に設定されています。 しかし、ここでは`overlayBlur`設定の使い方を説明します。 オーバレイのブラーを`small`に設定します。 diff --git a/site/data/ja/docs/wallet-button.mdx b/site/data/ja/docs/wallet-button.mdx index 2bb48ca44b..68634e140e 100644 --- a/site/data/ja/docs/wallet-button.mdx +++ b/site/data/ja/docs/wallet-button.mdx @@ -5,9 +5,9 @@ description: ウォレットボタンの使用とカスタマイズ # ウォレットボタン -> 注：`WalletButton`は現在EIP-1193ウォレット標準に依存していますが、近い将来EIP-6963もサポートする予定です。 +> 注: `ウォレットボタン` は現在 EIP-1193 ウォレット標準に依存していますが、近い将来 EIP-6963 をサポート予定です。 -新しい`WalletButton`コンポーネントは、カスタムウォレットリストの実装において、RainbowKitとそのメンテナンスフリーな利点を活用するための支援を提供します。 +新しい `ウォレットボタン` コンポーネントは、カスタムウォレットリストの実装を持つ dApps が、RainbowKit とその維持管理の利点を採用するのに役立ちます。 ```tsx import { WalletButton } from '@rainbow-me/rainbowkit'; @@ -17,7 +17,7 @@ import { WalletButton } from '@rainbow-me/rainbowkit'; ``` -`ConnectButton`と同様に、`WalletButton.Custom`コンポーネントは、カスタム実装とスタイリングに利用できます。 +`ConnectButton` と同様に、 `ウォレットボタン.Custom` コンポーネントもカスタム実装およびスタイリングのために使用できます。 ```tsx @@ -35,10 +35,10 @@ import { WalletButton } from '@rainbow-me/rainbowkit'; ``` -ほとんどのdAppでは、 [ConnectButton]が最適です （https://www.rainbowkit.com/docs/connect-button） `WalletButton`の採用と使用例については、ドキュメント [here]を参照してください。 （https://www.rainbowkit.com/docs/wallet-button） `WalletButton`の採用と使用例については、ドキュメント [here]を参照してください。 （https://www.rainbowkit.com/docs/wallet-button） `WalletButton`の採用と使用例については、ドキュメント [here]を参照してください。 （https://www.rainbowkit.com/docs/wallet-button） `WalletButton`の採用と使用例については、ドキュメント [here]を参照してください。 （https://www.rainbowkit.com/docs/wallet-button） +ほとんどの dApp では、[ConnectButton](https://www.rainbowkit.com/docs/connect-button) が最適です。 `ウォレットボタン` の採用と使用例についての詳細は、ドキュメント [here](https://www.rainbowkit.com/docs/wallet-button) を参照してください。 #### デモ -以下のボタンを押して、このRainbowKitエントリーポイントの表示をご確認ください。 +以下のボタンを押して、この RainbowKit エントリポイントがどのように見えるかをご確認ください。 diff --git a/site/data/ja/guides/rainbow-button.mdx b/site/data/ja/guides/rainbow-button.mdx index 99b1eeb3ac..83810d80c6 100644 --- a/site/data/ja/guides/rainbow-button.mdx +++ b/site/data/ja/guides/rainbow-button.mdx @@ -6,7 +6,7 @@ image: guide-rainbow-button.png # RainbowボタンをdAppに採用する方法 -`RainbowButton`コンポーネントは`wagmi`を使用し、よりカスタマイズされたコネクタの体験を希望するdAppにRainbowウォレットのサポートを追加する最も簡単な方法です ( [RainbowKit]参照) 。 +`RainbowButton`コンポーネントは`wagmi`を使用し、よりカスタマイズされたコネクタの体験を希望するdAppにRainbowウォレットのサポートを追加する最も簡単な方法です ([RainbowKit](https://www.rainbowkit.com/docs/installation)参照) 。 **1. `@rainbow-me/rainbow-button`とそのピア依存関係をインストールしてください** @@ -18,7 +18,7 @@ npm install @rainbow-me/rainbow-button wagmi viem@2.x @tanstack/react-query **2. Wagmiと一緒に構成してRainbowButtonをインストールしてください** -`rainbowConnector` のインスタンスを Wagmi の `createConfig` に `projectId` と `appName` と共に渡し、アプリを `RainbowButtonProvider` でラップします。 次に、`RainbowButton` コンポーネントをドロップインします。 次に、`RainbowButton` コンポーネントをドロップインします。 次に、`RainbowButton` コンポーネントをドロップインします。 次に、`RainbowButton` コンポーネントをドロップインします。 次に、`RainbowButton` コンポーネントをドロップインします。 +`rainbowConnector` のインスタンスを Wagmi の `createConfig` に `projectId` と `appName` と共に渡し、アプリを `RainbowButtonProvider` でラップします。次に、`RainbowButton` コンポーネントをドロップインします。 次に、`RainbowButton` コンポーネントをドロップインします。 ```tsx import '@rainbow-me/rainbow-button/styles.css'; @@ -85,4 +85,4 @@ function MyApp({ Component, pageProps }: AppProps) { これで、ユーザーはメンテナンスやトラブルの心配なく、Rainbowのシームレスな接続体験を楽しむことができます。 -また、追加のウォレットのサポートを採用したい場合は[`WalletButton`](https://www.rainbowkit.com/docs/wallet-button)コンポーネントも利用できます ( [RainbowKit]参照) 。 +また、追加のウォレットのサポートを採用したい場合は[`WalletButton`](https://www.rainbowkit.com/docs/wallet-button)コンポーネントも利用できます ([RainbowKit](https://www.rainbowkit.com/docs/installation)参照) 。 diff --git a/site/data/ja/guides/rainbowkit-wagmi-v2.mdx b/site/data/ja/guides/rainbowkit-wagmi-v2.mdx index 25e72899a4..e43e59263f 100644 --- a/site/data/ja/guides/rainbowkit-wagmi-v2.mdx +++ b/site/data/ja/guides/rainbowkit-wagmi-v2.mdx @@ -8,7 +8,7 @@ image: guide-rainbowkit-v2.png [wagmi](https://wagmi.sh) と [viem](https://viem.sh) のピア依存関係が `2.x.x` に達し、互換性のない変更が行われました。 -以下の手順でマイグレートしてください。 +以下の手順に従って移行してください。 **1. RainbowKit、`wagmi`、および`viem`を最新バージョンにアップグレードしてください** @@ -89,7 +89,7 @@ npm i @tanstack/react-query } ``` -**4. `wagmi`と`viem`の破壊的変更を確認してください** +**3. `wagmi`と`viem`の破壊的変更を確認してください** dAppで`wagmi`フックと`viem`アクションを使用している場合、v2の移行ガイドに従う必要があります： @@ -100,17 +100,17 @@ dAppで`wagmi`フックと`viem`アクションを使用している場合、v2 **1. EIP-6963 ウォレットの動作改善** -新しい EIP-6963 接続標準をサポートするウォレット（Rainbow、MetaMask などを含む）は、ウォレットを接続する体験の間に `Installed` セクションに自動的に表示されるようになりました。 これにより、ユーザーはお気に入りのウォレットを常に見つけて、競合やフォールバックボタンなしで dApps に接続できるようになります。 これにより、ユーザーはお気に入りのウォレットを常に見つけて、競合やフォールバックボタンなしで dApps に接続できるようになります。 これにより、ユーザーはお気に入りのウォレットを常に見つけて、競合やフォールバックボタンなしで dApps に接続できるようになります。 これにより、ユーザーはお気に入りのウォレットを常に見つけて、競合やフォールバックボタンなしで dApps に接続できるようになります。 +新しい EIP-6963 接続標準をサポートするウォレット（Rainbow、MetaMask などを含む）は、ウォレットを接続する体験の間に `Installed` セクションに自動的に表示されるようになりました。 これにより、ユーザーはお気に入りのウォレットを常に見つけて、競合やフォールバックボタンなしで dApps に接続できるようになります。 -開発者は引き続きカスタムウォレットリストを完全に制御でき、エンドユーザーにとって優先されるウォレットを強調表示できます。 すべてのプラットフォームをサポートするために、`injectedWallet` と `walletConnectWallet` をリストに含め続けることをお勧めします。 すべてのプラットフォームをサポートするために、`injectedWallet` と `walletConnectWallet` をリストに含め続けることをお勧めします。 すべてのプラットフォームをサポートするために、`injectedWallet` と `walletConnectWallet` をリストに含め続けることをお勧めします。 すべてのプラットフォームをサポートするために、`injectedWallet` と `walletConnectWallet` をリストに含め続けることをお勧めします。 すべてのプラットフォームをサポートするために、`injectedWallet` と `walletConnectWallet` をリストに含め続けることをお勧めします。 +開発者は引き続きカスタムウォレットリストを完全に制御でき、エンドユーザーにとって優先されるウォレットを強調表示できます。 すべてのプラットフォームをサポートするために、`injectedWallet` と `walletConnectWallet` をリストに含め続けることをお勧めします。 **2. getDefaultConfig を使用した Wagmi 設定** -この新しいAPIは設定体験を簡素化し、Wagmiの`createConfig`を直接使用する必要を置き換えます。 チェーン設定が簡素化され、`transports`のための推定された公開プロバイダーが含まれます。 チェーン設定が簡素化され、`transports`のための推定された公開プロバイダーが含まれます。 チェーン設定が簡素化され、`transports`のための推定された公開プロバイダーが含まれます。 +この新しいAPIは設定体験を簡素化し、Wagmiの`createConfig`を直接使用する必要を置き換えます。 チェーン設定が簡素化され、`transports`のための推定された公開プロバイダーが含まれます。 デフォルトのウォレットリストが自動的に含まれるようになり、`getDefaultWallets`や`connectorsForWallets`を使用する必要がなくなります。 -インポートされた、またはカスタムウォレットコネクタを`wallets`に渡すことでカスタムウォレットリストを作成できます。 インポートされた、またはカスタムウォレットコネクタを`wallets`に渡すことでカスタムウォレットリストを作成できます。 ウォレットコネクタのインスタンス化と`projectId`および`chains`の渡しはもはや必要ありません。 ウォレットコネクタのインスタンス化と`projectId`および`chains`の渡しはもはや必要ありません。 インポートされた、またはカスタムウォレットコネクタを`wallets`に渡すことでカスタムウォレットリストを作成できます。 ウォレットコネクタのインスタンス化と`projectId`および`chains`の渡しはもはや必要ありません。 ウォレットコネクタのインスタンス化と`projectId`および`chains`の渡しはもはや必要ありません。 +インポートされた、またはカスタムウォレットコネクタを`wallets`に渡すことでカスタムウォレットリストを作成できます。 ウォレットコネクタのインスタンス化と`projectId`および`chains`の渡しはもはや必要ありません。 ``` const config = getDefaultConfig({ @@ -131,7 +131,7 @@ const config = getDefaultConfig({ + ``` -**4. カスタムチェーン** +**3. カスタムチェーン** Wagmi v2に従って`Chain`タイプが変更され、RainbowKitの`iconUrl`と`iconBackground`メタデータをサポートし続けています。 @@ -193,10 +193,10 @@ const config = getDefaultConfig({ }) ``` -**4. カスタムチェーン** +**4. カスタムウォレット** -RainbowKitのウォレットコネクタは、Wagmi v2をサポートするために大幅な変更が加えられました。 RainbowKitのウォレットコネクタは、Wagmi v2をサポートするために大幅な変更が加えられました。 dAppのカスタムウォレットコネクタをアップグレードするために、[更新されたドキュメント](https://www.rainbowkit.com/docs/custom-wallets)と[例のコネクタ](packages/rainbowkit/src/wallets/walletConnectors/rainbowWallet/rainbowWallet.ts)を参照してください。 RainbowKitのウォレットコネクタは、Wagmi v2をサポートするために大幅な変更が加えられました。 RainbowKitのウォレットコネクタは、Wagmi v2をサポートするために大幅な変更が加えられました。 dAppのカスタムウォレットコネクタをアップグレードするために、[更新されたドキュメント](https://www.rainbowkit.com/docs/custom-wallets)と[例のコネクタ](packages/rainbowkit/src/wallets/walletConnectors/rainbowWallet/rainbowWallet.ts)を参照してください。 dAppのカスタムウォレットコネクタをアップグレードするために、[更新されたドキュメント](https://www.rainbowkit.com/docs/custom-wallets)と[例のコネクタ](packages/rainbowkit/src/wallets/walletConnectors/rainbowWallet/rainbowWallet.ts)を参照してください。 +RainbowKitのウォレットコネクタは、Wagmi v2をサポートするために大幅な変更が加えられました。 dAppのカスタムウォレットコネクタをアップグレードするために、[更新されたドキュメント](https://www.rainbowkit.com/docs/custom-wallets)および[サンプルコネクタ](packages/rainbowkit/src/wallets/walletConnectors/rainbowWallet/rainbowWallet.ts)を参照してください。 -ウォレットコネクタは、`rdns`プロパティを使用してEIP-6963標準もサポートするようになりました。 ウォレットリスト内でEIP-6963をサポートするウォレットへの重複する参照が発生しないように、これが入力されていることを確認してください。 ウォレットリスト内でEIP-6963をサポートするウォレットへの重複する参照が発生しないように、これが入力されていることを確認してください。 ウォレットリスト内でEIP-6963をサポートするウォレットへの重複する参照が発生しないように、これが入力されていることを確認してください。 +ウォレットコネクタは、`rdns`プロパティを使用してEIP-6963標準もサポートするようになりました。 ウォレットリスト内でEIP-6963をサポートするウォレットへの重複する参照が発生しないように、これが入力されていることを確認してください。 > RainbowKit v2に関する問題やフィードバックは、GitHubの[こちら](https://github.com/rainbow-me/rainbowkit/issues/new/choose)で報告してください。 diff --git a/site/data/ja/guides/walletconnect-v2.mdx b/site/data/ja/guides/walletconnect-v2.mdx index 24f02b3232..ef15bfe4a0 100644 --- a/site/data/ja/guides/walletconnect-v2.mdx +++ b/site/data/ja/guides/walletconnect-v2.mdx @@ -10,19 +10,19 @@ image: guide-walletconnect-v2.png WalletConnect v1プロトコルは2023年6月28日に終了します、そしてRainbowKitはこの遷移を超簡単にするためのサポートを提供します。 -WalletConnect v2のサポートは今やRainbowKitの標準で、破壊的な変更なしに。 ただアップグレードを行い、詳細は以下のガイドを参照してください。 ただアップグレードを行い、詳細は以下のガイドを参照してください。 ただアップグレードを行い、詳細は以下のガイドを参照してください。 ただアップグレードを行い、詳細は以下のガイドを参照してください。 ただアップグレードを行い、詳細は以下のガイドを参照してください。 +WalletConnect v2のサポートは今やRainbowKitの標準で、破壊的な変更なしに。 ただアップグレードを行い、詳細は以下のガイドを参照してください。 #### WalletConnect v2を理解する -WalletConnectはユーザーがモバイルウォレットをあなたのdAppに接続することを可能にするプロトコルで、RainbowKitの重要な基盤です。 最近のWalletConnect v2のリリースはウォレットとdAppの体験をさらに良くするための重要なアップグレードをたくさんもたらします。 最近のWalletConnect v2のリリースはウォレットとdAppの体験をさらに良くするための重要なアップグレードをたくさんもたらします。 WalletConnectはユーザーがモバイルウォレットをあなたのdAppに接続することを可能にするプロトコルで、RainbowKitの重要な基盤です。 最近のWalletConnect v2のリリースはウォレットとdAppの体験をさらに良くするための重要なアップグレードをたくさんもたらします。 最近のWalletConnect v2のリリースはウォレットとdAppの体験をさらに良くするための重要なアップグレードをたくさんもたらします。 最近のWalletConnect v2のリリースはウォレットとdAppの体験をさらに良くするための重要なアップグレードをたくさんもたらします。 WalletConnectはユーザーがモバイルウォレットをあなたのdAppに接続することを可能にするプロトコルで、RainbowKitの重要な基盤です。 最近のWalletConnect v2のリリースはウォレットとdAppの体験をさらに良くするための重要なアップグレードをたくさんもたらします。 最近のWalletConnect v2のリリースはウォレットとdAppの体験をさらに良くするための重要なアップグレードをたくさんもたらします。 最近のWalletConnect v2のリリースはウォレットとdAppの体験をさらに良くするための重要なアップグレードをたくさんもたらします。 +WalletConnectはユーザーがモバイルウォレットをあなたのdAppに接続することを可能にするプロトコルで、RainbowKitの重要な基盤です。 最近のWalletConnect v2のリリースはウォレットとdAppの体験をさらに良くするための重要なアップグレードをたくさんもたらします。 -v2を使用すると、ユーザーは複数のチェーンに同時に接続できるようになり、チェーン切り替えの手間を省くことができます。 また、より多くのネットワークをサポートし、Ethereumでのサインインをさらに高速にする改善を提供します。 また、より多くのネットワークをサポートし、Ethereumでのサインインをさらに高速にする改善を提供します。 +v2を使用すると、ユーザーは複数のチェーンに同時に接続できるようになり、チェーン切り替えの手間を省くことができます。 また、より多くのネットワークをサポートし、Ethereumでのサインインをさらに高速にする改善を提供します。 #### あなたのdAppをアップグレードする -既にRainbowKit `0.12.x`と`1.0.x`の移行ガイドを参照していれば、もうほとんど終わりです！ 最新のパッチリリースにアップグレードしてみてください。 最新のパッチリリースにアップグレードしてみてください。 最新のパッチリリースにアップグレードしてみてください。 最新のパッチリリースにアップグレードしてみてください。 最新のパッチリリースにアップグレードしてみてください。 +既にRainbowKit `0.12.x`と`1.0.x`の移行ガイドを参照していれば、もうほとんど終わりです！ 最新のパッチリリースにアップグレードしてみてください。 -RainbowKitはデフォルトでWalletConnect v2を`0.12.15` と `1.0.2`で有効にしました。 RainbowKitはデフォルトでWalletConnect v2を`0.12.15` と `1.0.2`で有効にしました。 まだあなたのdAppがwagmi v1とRainbowKit v1にアップグレードしていない場合、`0.12.x`に対するサポートを続けています。 まだあなたのdAppがwagmi v1とRainbowKit v1にアップグレードしていない場合、`0.12.x`に対するサポートを続けています。 RainbowKitはデフォルトでWalletConnect v2を`0.12.15` と `1.0.2`で有効にしました。 まだあなたのdAppがwagmi v1とRainbowKit v1にアップグレードしていない場合、`0.12.x`に対するサポートを続けています。 まだあなたのdAppがwagmi v1とRainbowKit v1にアップグレードしていない場合、`0.12.x`に対するサポートを続けています。 RainbowKitはデフォルトでWalletConnect v2を`0.12.15` と `1.0.2`で有効にしました。 まだあなたのdAppがwagmi v1とRainbowKit v1にアップグレードしていない場合、`0.12.x`に対するサポートを続けています。 まだあなたのdAppがwagmi v1とRainbowKit v1にアップグレードしていない場合、`0.12.x`に対するサポートを続けています。 +RainbowKitはデフォルトでWalletConnect v2を`0.12.15` と `1.0.2`で有効にしました。 まだあなたのdAppがwagmi v1とRainbowKit v1にアップグレードしていない場合、`0.12.x`に対するサポートを続けています。 **1. 依存関係のアップグレード** @@ -34,9 +34,9 @@ RainbowKitのバージョン`0.12.x`または`1.0.x`より前を使用してい `0.12.x` dAppsはwagmi v1へのアップグレードを開始することを推奨します。WalletConnect v2の安定性向上は、今後のwagmiのバージョンでのみ含まれます。 -\*\*2. projectIdの提供 +**2. ProjectIdの提供** -WalletConnectに依存するすべてのdAppは現在、[WalletConnect Cloud](https://cloud.walletconnect.com/)から`projectId`を取得する必要があります。 これは完全に無料で、数分で完了します。 これは完全に無料で、数分で完了します。 これは完全に無料で、数分で完了します。 これは完全に無料で、数分で完了します。 これは完全に無料で、数分で完了します。 +WalletConnectに依存するすべてのdAppは現在、[WalletConnect Cloud](https://cloud.walletconnect.com/)から`projectId`を取得する必要があります。 これは完全に無料で、数分で完了します。 次に示すように、`getDefaultWallets`と個々のRainbowKitウォレットコネクタに`projectId`を供給してください。 @@ -60,7 +60,7 @@ const connectors = connectorsForWallets([ ]); ``` -RainbowKitはタイプセーフであり、`projectId`が欠落していると警告します。 v2が動作する様子を見るために、当社の例を参照してください： v2が動作する様子を見るために、当社の例を参照してください： v2が動作する様子を見るために、当社の例を参照してください： v2が動作する様子を見るために、当社の例を参照してください： v2が動作する様子を見るために、当社の例を参照してください： +RainbowKitはタイプセーフであり、`projectId`が欠落していると警告します。 v2が動作する様子を見るために、当社の例を参照してください： - [Create React App](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-create-react-app) - [Next.js](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-next) diff --git a/site/data/ko/docs/chains.mdx b/site/data/ko/docs/chains.mdx index 5cfa79d255..6f5cf986cd 100644 --- a/site/data/ko/docs/chains.mdx +++ b/site/data/ko/docs/chains.mdx @@ -11,7 +11,7 @@ RainbowKit은 [wagmi의 `chain` 객체](https://wagmi.sh/react/chains)와 통합 ### 초기 체인 커스터마이징 -기본적으로 RainbowKit은 Wagmi에 제공된 첫 번째 체인에 연결됩니다. 이 동작은 `initialChain` 속성을 통해 사용자 정의할 수 있습니다. +기본적으로, RainbowKit은 Wagmi에 제공된 첫 번째 체인에 연결됩니다. 이 동작은 `initialChain` 속성을 통해 사용자 정의할 수 있습니다. 초기 체인은 체인 ID를 사용하여 구성할 수 있습니다. @@ -25,9 +25,9 @@ RainbowKit은 [wagmi의 `chain` 객체](https://wagmi.sh/react/chains)와 통합 ``` -### 사용자 정의 체인 메타데이터 +### 맞춤형 체인 메타데이터 -기본적으로 여러 체인 아이콘과 배경이 제공되지만, `iconUrl`과 `iconBackground` 속성을 사용하여 각 체인의 아이콘과 배경을 사용자 정의할 수 있습니다. +기본적으로 여러 체인 아이콘과 배경이 제공되지만, 각 체인의 아이콘과 배경은 `iconUrl` 및 `iconBackground` 속성을 사용하여 사용자 정의할 수 있습니다. `getDefaultConfig`를 사용한 예시 @@ -50,7 +50,7 @@ const config = getDefaultConfig({ }); ``` -`createConfig`를 사용한 예시 +`createConfig` 사용 예시 ```tsx import { mainnet, optimism } from 'wagmi/chains'; diff --git a/site/data/ko/docs/connect-button.mdx b/site/data/ko/docs/connect-button.mdx index 112f1b9c86..897a34068a 100644 --- a/site/data/ko/docs/connect-button.mdx +++ b/site/data/ko/docs/connect-button.mdx @@ -7,7 +7,7 @@ description: ConnectButton 사용 및 사용자 정의 ## ConnectButton 사용 및 사용자 정의 -이것은 주요 컴포넌트입니다. 연결/연결 해제 버튼과 체인 교환 UI를 렌더링하는 것에 책임이 있습니다. +이것은 주요 구성 요소입니다. 연결/연결 해제 버튼 및 체인 전환 UI를 렌더링하는 책임이 있습니다. ```tsx import { ConnectButton } from '@rainbow-me/rainbowkit'; @@ -17,11 +17,11 @@ export const YourApp = () => { }; ``` -> 참고: 앱이 필요한 제공자로 묶여 있는지 확인하세요. [자세히 읽기](/docs/installation#wrap-providers). +> 참고: 앱이 필요한 제공자들에 의해 래핑되었는지 확인하세요. [자세히 읽기](/docs/installation#wrap-providers). ### Props -`ConnectButton` 컴포넌트는 외관을 사용자 정의하는 데 여러 prop를 제공합니다, 이를테면 여러 요소의 가시성을 토글하는 것을 포함합니다. +`ConnectButton` 구성 요소는 외관을 사용자 정의하기 위한 여러 속성을 노출하며, 다양한 요소의 가시성을 전환할 수 있습니다. { ]} /> -> 참고: 내장된 `largeScreen` 분기점은 `768px`입니다. +> 참고: 내장된 `largeScreen` 브레이크포인트는 `768px`입니다. ### 예제 -#### 레이블 +#### Label -`label` prop을 사용하여 사용자 정의 `ConnectButton` 텍스트를 설정하세요. +`label` 속성을 사용하여 맞춤형 `ConnectButton` 텍스트를 설정합니다. ```tsx @@ -76,7 +76,7 @@ export const YourApp = () => { #### 계정 상태 -`accountStatus` prop을 사용하는 몇 가지 다른 방법이 있습니다. +`accountStatus` 속성을 사용하는 몇 가지 다양한 방법이 있습니다. 계정의 아바타만 표시합니다. @@ -92,7 +92,7 @@ export const YourApp = () => { #### 체인 상태 -`chainStatus` prop을 사용하는 몇 가지 다른 방법이 있습니다. +`chainStatus` 속성을 사용하는 몇 가지 다양한 방법이 있습니다. 현재 체인의 아이콘만 표시합니다. @@ -114,17 +114,17 @@ export const YourApp = () => { #### 잔액 표시 -`showBalance` prop을 사용하여 잔액을 숨기거나 표시하십시오. +`showBalance` 속성을 사용하여 잔액을 숨기거나 표시합니다. -잔액을 숨깁니다. +잔액 숨기기. ```tsx ``` -#### 응답형 +#### 반응형 -이 props들은 응답형 형식으로도 정의될 수 있습니다. +이 속성들은 반응형 형식으로도 정의될 수 있습니다. 작은 화면에서는 계정 아이콘만 표시합니다. 그러나 큰 화면에서는 아이콘과 주소를 표시합니다. @@ -137,7 +137,7 @@ export const YourApp = () => { /> ``` -작은 화면에서는 잔액을 숨깁니다. 그러나 큰 화면에서는 그것을 표시합니다. +작은 화면에서는 잔액을 숨깁니다. 그러나 큰 화면에서는 표시합니다. ```tsx ( ); ``` -### 그런데 이게 뭐죠? +### 하지만 그게 뭔가요? -지갑 목록에서 지갑을 선택하면 이모티콘 폭발이 일어납니다 🌈🌈🌈. 선택한 지갑의 아이콘을 사용합니다. +지갑 목록에서 지갑을 선택하면 이모지 폭발이 발생합니다 🌈🌈🌈. 선택한 지갑의 아이콘을 사용합니다. #### 데모 -아래 버튼을 눌러 멋진 모드가 무엇인지 확인해 보세요. +아래 버튼을 눌러 멋진 모드가 무엇을 하는지 확인하세요. diff --git a/site/data/ko/docs/custom-app-info.mdx b/site/data/ko/docs/custom-app-info.mdx index dfbdaaa4fd..d33dc795b3 100644 --- a/site/data/ko/docs/custom-app-info.mdx +++ b/site/data/ko/docs/custom-app-info.mdx @@ -1,13 +1,13 @@ --- title: 사용자 정의 앱 정보 -description: 앱의 정보를 사용자 정의하는 방법 +description: 앱 정보를 사용자 정의하기 --- # 사용자 정의 앱 정보 -## 앱의 정보를 사용자 정의하는 방법 +## 앱 정보를 사용자 정의하기 -`RainbowKitProvider`에 `appInfo` prop으로 앱의 정보를 전달할 수 있습니다. 수정할 수 있는 속성은 앱의 이름 (`appName`)과 연결 모달에서 '자세히 알아보기' 버튼을 클릭할 때 리디렉션되는 링크 (`learnMoreUrl`)입니다: +`RainbowKitProvider`의 `appInfo` 속성에 앱 정보를 전달할 수 있습니다. 수정할 수 있는 속성은 앱의 이름(`appName`)과 연결 모달에서 “자세히 알아보기” 버튼이 리디렉션되는 링크(`learnMoreUrl`)입니다: ```tsx import { RainbowKitProvider } from '@rainbow-me/rainbowkit'; @@ -27,9 +27,9 @@ const App = () => { }; ``` -### 디스클레이머 추가 +### 면책 조항 추가 -연결 모달 하단에 표시될 자체 디스클레이머를 제공할 수 있습니다. `appInfo`의 `disclaimer` 속성은 인수 `Text`와 `Link`가 있는 `DisclaimerComponent`를 취합니다. 테마 시스템을 상속하는 자체 디스클레이머를 구축하는 데 사용할 수 있습니다. TypeScript 사용자를 위해 `DisclaimerComponent` 유형을 내보냅니다: +연결 모달 하단에 표시할 사용자 정의 면책 조항을 제공할 수 있습니다. `appInfo`의 `disclaimer` 속성은 `Text`와 `Link` 인수를 가진 `DisclaimerComponent`를 받습니다. 이를 사용하여 테마 시스템을 상속받는 사용자 정의 면책 조항을 작성할 수 있습니다. 우리는 TypeScript 사용자를 위해 `DisclaimerComponent` 타입을 내보냅니다: ```tsx import { diff --git a/site/data/ko/docs/custom-authentication.mdx b/site/data/ko/docs/custom-authentication.mdx index fad389f4b4..c6ebe48521 100644 --- a/site/data/ko/docs/custom-authentication.mdx +++ b/site/data/ko/docs/custom-authentication.mdx @@ -7,7 +7,7 @@ description: 자신의 인증 백엔드에 연결 ## 자신의 인증 백엔드에 연결 -RainbowKit은 Ethereum 및 NextAuth.js로의 로그인에 대한 first-class 지원을 제공하는 반면, 사용자 정의 백엔드 및 메시지 형식과도 통합할 수 있습니다. +RainbowKit은 [Ethereum 및 NextAuth.js로의 로그인에 대한 first-class 지원을 제공하는 반면,](/docs/authentication#set-up-sign-in-with-ethereum-and-nextauthjs) 사용자 정의 백엔드 및 메시지 형식과도 통합할 수 있습니다. ### 사용자 정의 어댑터 생성 diff --git a/site/data/ko/docs/custom-avatars.mdx b/site/data/ko/docs/custom-avatars.mdx index ac56346a8a..15a257be1b 100644 --- a/site/data/ko/docs/custom-avatars.mdx +++ b/site/data/ko/docs/custom-avatars.mdx @@ -1,13 +1,13 @@ --- -title: 커스텀 아바타 -description: 앱의 사용자 아바타 커스터마이징 +title: 맞춤형 아바타 +description: 앱의 사용자 아바타 맞춤화 --- -# 커스텀 아바타 +# 맞춤형 아바타 -## 앱의 사용자 아바타 커스터마이징 +## 앱의 사용자 아바타 맞춤화 -기본적으로 사용자의 ENS 이미지가 설정되어 있지 않은 경우 아바타를 제공하지만, 자신의 아바타 컴포넌트를 제공하여 이를 커스터마이즈 할 수 있습니다. TypeScript를 사용하는 경우 `AvatarComponent` 타입을 가져올 수 있습니다: +기본적으로 ENS 이미지가 설정되지 않은 경우 사용자를 위한 아바타를 제공하지만, 사용자 정의 아바타 컴포넌트를 제공하여 이를 맞춤 설정할 수 있습니다. TypeScript를 사용하는 경우 `AvatarComponent` 타입을 import할 수 있습니다: ```tsx import { @@ -48,4 +48,4 @@ const App = () => { }; ``` -`avatar` prop에 전달된 `AvatarComponent`은 다음과 같은 prop 타입을 갖습니다: `<{ address: string; ensImage?: string | null; size: number;}>` +`avatar` prop에 전달된 `AvatarComponent`는 다음과 같은 prop 타입을 가집니다: `<{ address: string; ensImage?: string | null; size: number;}>` diff --git a/site/data/ko/docs/custom-chains.mdx b/site/data/ko/docs/custom-chains.mdx index b4d250fd87..1997583111 100644 --- a/site/data/ko/docs/custom-chains.mdx +++ b/site/data/ko/docs/custom-chains.mdx @@ -7,7 +7,7 @@ description: 맞춤형 체인 생성 ## 맞춤형 체인 생성 -`Chain` 타입을 사용하여 맞춤형 체인을 생성하는 데 도움을 받을 수 있습니다. 그런 다음, 그것을 `getDefaultConfig` 또는 Wagmi의 [`createConfig`](https://wagmi.sh/core/api/createConfig#createconfig)에 전달하세요. +`Chain` 타입을 사용하여 맞춤형 체인을 생성하는 데 도움을 받을 수 있습니다. 그런 다음, 이를 `getDefaultConfig` 또는 Wagmi의 [`createConfig`](https://wagmi.sh/core/api/createConfig#createconfig)으로 전달합니다. 예를 들어, 여기에는 어떻게 [avax.network](https://avax.network)에 대한 아발란체 체인을 생성할 수 있는지에 대해 설명되어 있습니다. diff --git a/site/data/ko/docs/custom-connect-button.mdx b/site/data/ko/docs/custom-connect-button.mdx index e76cd4fbe3..6db1071d15 100644 --- a/site/data/ko/docs/custom-connect-button.mdx +++ b/site/data/ko/docs/custom-connect-button.mdx @@ -7,7 +7,7 @@ description: 맞춤형 ConnectButton 생성하기 ## 맞춤형 ConnectButton 생성하기 -은 저수준의 `ConnectButton.Custom`을 사용하여 자신만의 맞춤 연결 버튼을 생성할 수 있습니다. 이 컴포넌트는 내장 버튼을 다시 구현할 필요가 있는 모든 것을 포함한 함수를 렌더링합니다. +저수준의 `ConnectButton.Custom`을 사용하여 자신만의 맞춤 연결 버튼을 생성할 수 있습니다. 이 컴포넌트는 내장 버튼을 다시 구현할 필요가 있는 모든 것을 포함한 함수를 렌더링합니다. 내장 버튼의 최소한의 재구현은 다음과 같을 것입니다: diff --git a/site/data/ko/docs/custom-theme.mdx b/site/data/ko/docs/custom-theme.mdx index cc3a33b807..643c53b537 100644 --- a/site/data/ko/docs/custom-theme.mdx +++ b/site/data/ko/docs/custom-theme.mdx @@ -7,11 +7,9 @@ description: 사용자 정의 테마 생성 ## 사용자 정의 테마 생성 -> 참고: 이 API는 불안정하며 가까운 미래에 -> 변경 가능성이 높습니다. 현재는 [내장 테마](/docs/theming)를 사용하는 것이 좋습니다 -> . +> 참고: 이 API는 불안정하며 가까운 미래에 변경될 가능성이 있습니다. 지금은 [내장 테마](/docs/theming)를 사용하는 것을 권장합니다. -내장 테마가 일정 수준의 사용자 정의를 제공하면서도, `Theme` 타입은 기본 테마 변수에 대한 하위 수준 액세스를 통해 자신만의 사용자 정의 테마를 정의하는 데 도움을 줍니다. +내장 테마는 어느 정도의 사용자 정의 기능을 제공하지만, `Theme` 타입을 사용하여 기본 테마 변수를 낮은 수준에서 액세스하는 사용자 정의 테마를 정의할 수 있습니다. ```tsx import { RainbowKitProvider, Theme } from '@rainbow-me/rainbowkit'; @@ -81,15 +79,15 @@ const App = () => ( ### 내장 테마 확장 -전체 테마를 다시 정의하지 않고도 내장 테마를 확장할 수 있습니다. 이는 특정 테마 토큰을 오버라이드하려는 경우에 유용합니다. +전체 테마를 다시 정의하지 않고도 내장 테마를 확장할 수 있습니다. 이는 특정 테마 토큰만 재정의하려는 경우에 유용합니다. -그렇게 하려면 `lodash.merge` (또는 동등한 패키지)를 설치하세요: +이 작업을 위해 `lodash.merge` (또는 유사한 것)를 설치하십시오: ```bash npm install lodash.merge ``` -그것을 가져오십시오, 당신이 확장하려는 테마와 함께 (예: `darkTheme`) 그리고 TypeScript `Theme` 타입: +예시: `darkTheme` 및 TypeScript `Theme` 타입과 함께 가져오십시오: ```tsx import merge from 'lodash.merge'; @@ -100,7 +98,7 @@ import { } from '@rainbow-me/rainbowkit'; ``` -그런 다음, 내장된 테마와 덮어 쓰려는 테마 토큰을 병합하십시오. 이 예에서는, 나의 브랜드의 강조 색상에 맞게 `accentColor` 토큰을 덮어 씁니다. +그런 다음, 재정의하려는 테마 토큰과 함께 내장 테마를 병합하십시오. 이 예제에서는 브랜드의 강조 색상에 맞추기 위해 `accentColor` 토큰을 재정의하고 있습니다. ```tsx const myTheme = merge(darkTheme(), { @@ -110,7 +108,7 @@ const myTheme = merge(darkTheme(), { } as Theme); ``` -마지막으로, 이제 사용자 정의 테마를 `RainbowKitProvider`의 `theme` prop에 전달할 수 있습니다. +마지막으로, 사용자 정의 테마를 `RainbowKitProvider`의 `theme` prop에 전달할 수 있습니다. ```tsx const App = () => { @@ -122,16 +120,16 @@ const App = () => { }; ``` -### 사용자 정의 테마 선택자 생성하기 +### 사용자 정의 테마 선택기 생성 -당신의 앱이 서버/정적으로 렌더링 되고 사용자가 테마를 수동으로 토글할 수 있는 경우, RainbowKit의 테마 시스템은 다음 함수를 사용하여 사용자 정의 CSS 선택자에 연결될 수 있습니다. 이 함수는 모든 CSS-in-JS 시스템과 함께 사용할 수 있습니다: +앱이 서버/정적으로 렌더링되고 사용자가 수동으로 테마를 토글할 수 있는 경우, RainbowKit의 테마 시스템은 모든 CSS-in-JS 시스템에서 사용할 수 있는 다음 함수들을 사용하여 사용자 정의 CSS 선택기에 연결될 수 있습니다: - `cssStringFromTheme` - `cssObjectFromTheme` -이 함수들은 모든 필요한 테마 변수를 설정하는 CSS를 반환합니다. 문자열과 객체 모두 지원되므로, 이는 어떤 CSS-in-JS 시스템과도 통합될 수 있습니다. +이 함수들은 필요한 모든 테마 변수를 설정하는 CSS를 반환합니다. 문자열과 객체가 모두 지원되므로, 어떤 CSS-in-JS 시스템과도 통합할 수 있습니다. -기본적인 예시로, 각 테마에 대해 사용자 정의 선택자가 있는 'style' 요소를 렌더링 할 수 있습니다. 테마의 CSS를 렌더링하는 것을 제어하고 있으므로, RainbowKitProvider가 우리를 위해 스타일을 렌더링하지 않도록 'theme' prop에 'null'을 전달합니다. 또한 기본 테마와 동일한 테마 변수를 생략하는 cssStringFromTheme 함수에서 extends 옵션의 사용을 주목하십시오. +기본 예로, 각 테마에 대한 사용자 정의 선택기와 함께 자체 `style` 요소를 렌더링할 수 있습니다. 테마의 CSS 렌더링을 제어하고 있기 때문에, RainbowKitProvider가 우리를 위해 스타일을 렌더링하지 않도록 `theme` prop에 `null`을 전달하고 있습니다. 또한 extends 옵션을 사용하는 cssStringFromTheme 함수를 사용하여 기본 테마와 동일한 테마 변수를 생략하는 것을 주목하십시오. ```tsx import { diff --git a/site/data/ko/docs/custom-wallet-list.mdx b/site/data/ko/docs/custom-wallet-list.mdx index 8e0a151f35..4528bdda33 100644 --- a/site/data/ko/docs/custom-wallet-list.mdx +++ b/site/data/ko/docs/custom-wallet-list.mdx @@ -76,19 +76,19 @@ const App = () => ( import { walletConnectWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -##### 인젝티드 지갑 +##### Injected Wallet -`window.ethereum`이 존재하지만 목록에 있는 다른 지갑에서 제공되지 않은 시나리오를 위해 설계된 대체 지갑 옵션입니다. 이 지갑은 대체가 필요하지 않거나 인젝티드 지갑이 사용할 수 없을 때 목록에서 자동으로 숨겨집니다. +이것은 `window.ethereum`이 존재하지만 목록의 다른 지갑에서 제공되지 않은 경우를 위한 페일오버 지갑 옵션입니다. 이 지갑은 페일오버가 필요하지 않거나 주입된 지갑이 없는 경우 목록에서 자동으로 숨겨집니다. -**모든 인젝티드 지갑이 지원되도록 하기 위해 이 지갑을 항상 목록에 포함하는 것이 권장됩니다.** +**모든 주입된 지갑이 지원되도록 이 지갑을 항상 목록에 포함하는 것이 권장됩니다.** ```tsx import { injectedWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -##### 세이프 지갑 +##### Safe Wallet -세이프 앱을 지원하는 dApp의 경우 사용자가 자신의 세이프 볼트 또는 멀티시그에 쉽게 연결할 수 있도록 자동 연결을 위해 `safeWallet` 옵션을 포함시킵니다. 세이프 옵션이 세이프 지갑 브라우저 환경에서만 나타납니다. +사용자들에게 Safe 금고 또는 다중 서명으로 쉽게 연결할 수 있도록 다양한 앱을 지원하는 dApp의 경우, 자동 연결을 위해 `safeWallet` 옵션을 포함시키십시오. Safe 옵션은 Safe Wallet 브라우저 환경에서만 나타납니다. ```tsx import { safeWallet } from '@rainbow-me/rainbowkit/wallets'; @@ -98,25 +98,37 @@ import { safeWallet } from '@rainbow-me/rainbowkit/wallets'; 다음의 지갑들은 `wallet` 객체를 통해 제공됩니다 (알파벳 순서). +#### 1inch Wallet + +```tsx +import { oneInchWallet } from '@rainbow-me/rainbowkit/wallets'; +``` + #### Argent ```tsx import { argentWallet } from '@rainbow-me/rainbowkit/wallets'; ``` +#### Binance Web3 Wallet + +```tsx +import { binanceWallet } from '@rainbow-me/rainbowkit/wallets'; +``` + #### 비트겟 ```tsx import { bitgetWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### 바이프로스트 지갑 +#### Bifrost Wallet ```tsx import { bifrostWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### 비트스키 +#### Bitski ```tsx import { bitskiWallet } from '@rainbow-me/rainbowkit/wallets'; @@ -128,39 +140,33 @@ import { bitskiWallet } from '@rainbow-me/rainbowkit/wallets'; import { bitverseWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### 블룸 지갑 +#### Bloom Wallet ```tsx import { bloomWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Bybit 지갑 - -```tsx -import { bybitWallet } from '@rainbow-me/rainbowkit/wallets'; -``` - -#### 브레이브 지갑 +#### Brave Wallet ```tsx import { braveWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Binance Web3 지갑 +#### Bybit Wallet ```tsx -import { binanceWallet } from '@rainbow-me/rainbowkit/wallets'; +import { bybitWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### 코인베이스 +#### Coinbase -이 지갑 커넥터는 코인베이스 지갑 앱과 확장 프로그램, 그리고 웹에서의 Coinbase 스마트 지갑을 모두 지원합니다. +이 지갑 커넥터는 Coinbase Wallet 앱과 확장 프로그램뿐만 아니라 웹에서 Coinbase Smart Wallet도 지원합니다. -`preference` 인자를 사용하여 스마트 지갑이 사용되고 사용자에게 제공되는지 제어할 수 있습니다. 기호 기반 행동은 [여기](https://www.smartwallet.dev/sdk/makeWeb3Provider#parameters)에서 문서화되어 있습니다. +`preference` 인수를 사용하여 Smart Wallet이 활성화되고 사용 가능하도록 제어할 수 있습니다. 기본 설정 기반 동작은 [여기](https://www.smartwallet.dev/sdk/makeWeb3Provider#parameters)에 문서화되어 있습니다. -스마트 지갑은 별도의 업그레이드 없이 6월 초에 `all`로 기본 활성화됩니다. +Smart Wallet은 추가 업그레이드 없이 6월 초에 기본적으로 `all` 옵션과 함께 활성화됩니다. -개발자는 오늘 `sepolia`와 `baseSepolia` 체인에서 `smartWalletOnly`를 설정하고 `coinbaseWallet`을 지갑 목록에 포함하여 스마트 지갑을 테스트할 수 있습니다: +개발자들은 오늘 `sepolia`와 `baseSepolia` 체인으로 Smart Wallet을 테스트할 수 있으며, 그들의 지갑 목록에 `coinbaseWallet`을 포함시켜 `smartWalletOnly`를 설정할 수 있습니다. ```tsx import { coinbaseWallet } from '@rainbow-me/rainbowkit/wallets'; @@ -169,16 +175,16 @@ import { coinbaseWallet } from '@rainbow-me/rainbowkit/wallets'; coinbaseWallet.preference = 'smartWalletOnly'; ``` -#### 컴퍼스 월렛 +#### Coin98 Wallet ```tsx -import { compassWallet } from '@rainbow-me/rainbowkit/compassWallet'; +import { coin98Wallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Coin98 Wallet +#### Compass Wallet ```tsx -import { coin98Wallet } from '@rainbow-me/rainbowkit/wallets'; +import { compassWallet } from '@rainbow-me/rainbowkit/compassWallet'; ``` #### Core @@ -217,58 +223,70 @@ import { frameWallet } from '@rainbow-me/rainbowkit/wallets'; import { frontierWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Gate 지갑 +#### Gate Wallet ```tsx import { gateWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Ledger Live +#### imToken ```tsx -import { ledgerWallet } from '@rainbow-me/rainbowkit/wallets'; +import { imTokenWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### imToken +#### ioPay Wallet ```tsx -import { imTokenWallet } from '@rainbow-me/rainbowkit/wallets'; +import { iopayWallet } from '@rainbow-me/rainbowkit/wallets'; +``` + +#### Kaia Wallet + +```tsx +import { kaiaWallet } from '@rainbow-me/rainbowkit/wallets'; +``` + +#### Kaikas + +```tsx +import { kaikasWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### 크라켄 월렛 +#### Kraken Wallet ```tsx import { krakenWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### 크레수스 지갑 +#### Kresus Wallet ```tsx import { kresusWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Kaikas +#### Ledger Live ```tsx -import { kaikasWallet } from '@rainbow-me/rainbowkit/wallets'; +import { ledgerWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### 매직 에덴 지갑 +#### Magic Eden Wallet ```tsx import { magicEdenWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### MetaMask +#### MEW Wallet ```tsx -import { metaMaskWallet } from '@rainbow-me/rainbowkit/wallets'; +import { mewWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### MEW Wallet +#### MetaMask ```tsx -import { mewWallet } from '@rainbow-me/rainbowkit/wallets'; +import { metaMaskWallet } from '@rainbow-me/rainbowkit/wallets'; ``` #### OKX Wallet @@ -283,12 +301,6 @@ import { okxWallet } from '@rainbow-me/rainbowkit/wallets'; import { omniWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### 1inch 지갑 - -```tsx -import { oneInchWallet } from '@rainbow-me/rainbowkit/wallets'; -``` - #### OneKey ```tsx @@ -313,13 +325,13 @@ import { rabbyWallet } from '@rainbow-me/rainbowkit/wallets'; import { rainbowWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### 램퍼 지갑 +#### Ramper Wallet ```tsx import { ramperWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### 로닌 지갑 +#### Ronin Wallet ```tsx import { roninWallet } from '@rainbow-me/rainbowkit/wallets'; diff --git a/site/data/ko/docs/installation.mdx b/site/data/ko/docs/installation.mdx index cb0b016134..84f6a15ed5 100644 --- a/site/data/ko/docs/installation.mdx +++ b/site/data/ko/docs/installation.mdx @@ -60,7 +60,7 @@ import { #### 설정 -원하는 체인을 설정하고 필요한 커넥터를 생성합니다. `wagmi` 설정도 마련해야 합니다. 귀하의 dApp이 서버 사이드 렌더링(SSR)을 사용하는 경우 `ssr`을 `true`로 설정해야 합니다. +원하는 체인을 설정하고 필요한 커넥터를 생성합니다. `wagmi` 설정도 마련해야 합니다. 귀하의 dApp이 서버 사이드 렌더링 (SSR)을 사용하는 경우 `ssr`을 `true`로 설정해야 합니다. > 참고: WalletConnect를 사용하는 모든 dApp은 이제 [WalletConnect Cloud](https://cloud.walletconnect.com/)에서 `projectId`를 얻어야 합니다. 이것은 완전히 무료이며 몇 분 밖에 걸리지 않습니다. @@ -76,7 +76,7 @@ const config = getDefaultConfig({ }); ``` -#### 프로바이더 래핑 +#### 공급자 감싸기 애플리케이션을 `RainbowKitProvider`, [`WagmiProvider`](https://wagmi.sh/react/api/WagmiProvider#wagmiprovider), 그리고 [`QueryClientProvider`](https://tanstack.com/query/v4/docs/framework/react/reference/QueryClientProvider)로 감싸세요. @@ -116,7 +116,7 @@ RainbowKit은 이제 사용자의 지갑 선택을 처리하며, 지갑/거래 ##### Remix -[Remix](https://remix.run)를 사용할 때 `buffer`, `events` 및 `http` 모듈을 폴리필해야 합니다. 아래 Remix 구성을 참조하거나 [샘플 Remix 프로젝트에서의 폴리필](https://github.com/rainbow-me/rainbowkit/blob/main/examples/with-remix)을 참조하십시오. +[Remix](https://remix.run)를 사용할 때, `buffer`, `events` 및 `http` 모듈을 폴리필해야 합니다. 아래 Remix 구성을 참조하거나, [샘플 Remix 프로젝트](https://github.com/rainbow-me/rainbowkit/blob/main/examples/with-remix)를 참조하십시오. ```ts /** @type {import('@remix-run/dev').AppConfig} */ @@ -128,13 +128,13 @@ export default { }; ``` -### 배포 준비 중 +### 배포 준비 -기본적으로, 귀하의 dApp은 각 체인에 대해 공개 RPC 제공자를 사용하여 잔액을 가져오고, ENS 이름을 확인하는 등의 작업을 수행합니다. 공개 노드는 속도 제한이 있기 때문에 종종 사용자에게 신뢰성 문제를 일으킬 수 있습니다. 대신 [Alchemy](https://www.alchemy.com/) 또는 [QuickNode](https://www.quicknode.com/)와 같은 서비스를 통해 RPC 제공자에 대한 액세스를 구매하고 Wagmi에서 직접 Transports를 정의해야 합니다. 이는 `getDefaultConfig`에서 `transports` 매개변수를 추가하거나 Wagmi의 `createConfig`를 직접 사용하여 달성할 수 있습니다. +기본적으로, 귀하의 dApp은 각 체인에 대해 공용 RPC 공급자를 사용하여 잔액을 가져오고, ENS 이름을 해결하는 등 다양한 작업을 수행합니다. 이는 공용 노드가 속도 제한을 받기 때문에 사용자에게 신뢰성 문제를 자주 일으킬 수 있습니다. 대신, [Alchemy](https://www.alchemy.com/)나 [QuickNode](https://www.quicknode.com/)와 같은 서비스로부터 RPC 공급자에 대한 접근을 구매하고 Wagmi에서 자체 Transports를 정의해야 합니다. 이는 `getDefaultConfig`에서 `transports` 매개변수나 Wagmi의 `createConfig`를 통해 직접 구현할 수 있습니다. -Transport는 Alchemy, Infura 등과 같은 이더리움 노드 제공자에게 JSON-RPC 요청을 보내는 네트워킹 중간 계층입니다. +Transport는 JSON-RPC 요청을 Ethereum Node Provider (예: Alchemy, Infura 등)로 전송하는 네트워킹 중간 계층입니다. -**`http` transport를 사용한 예시** +**`http` 트랜스포트 예제** ```tsx import { getDefaultConfig } from '@rainbow-me/rainbowkit'; @@ -152,7 +152,7 @@ const config = getDefaultConfig({ }); ``` -자세한 내용은 [wagmi transport 문서](https://wagmi.sh/core/api/transports#transports)를 참조하십시오. +자세한 내용은 [wagmi 트랜스포트 문서](https://wagmi.sh/core/api/transports#transports)를 참조하십시오. ### 자신만의 기능을 추가하십시오 @@ -169,7 +169,7 @@ RainbowKit의 실행 예제를 보거나, 심지어 새 프로젝트를 자동 브라우저에서 RainbowKit를 직접 시도하기 위해 아래의 CodeSandbox 링크를 확인하십시오: - [리액트 앱 생성](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-create-react-app)을 사용하여 -- [Next.js]을(를) 사용하여 (https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-next) +- [Next.js](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-next)을 사용하여 - [Next.js 앱 라우터](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-next-app)을 사용하여 -- [Remix]을(를) 사용하여 (https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-remix) -- [Vite]을(를) 사용하여 (https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-vite) +- [Remix](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-remix)을 사용하여 +- [Vite](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-vite)을 사용하여 diff --git a/site/data/ko/docs/localization.mdx b/site/data/ko/docs/localization.mdx index d940ae0dee..7884f4425f 100644 --- a/site/data/ko/docs/localization.mdx +++ b/site/data/ko/docs/localization.mdx @@ -66,14 +66,16 @@ App Router는 아직 i18n을 지원하지 않습니다. [`next-intl`](https://gi
{ }; ``` -각 후크는 또한 모달의 상태에 대한 부울을 반환합니다. 일반적으로 사용자의 지갑 연결 상태에 직접 반응하기 위해 와그미 후크(i.e. `useAccount`)에 순수하게 의존하는 것이 좋습니다. Connect 모달의 상태에 의존하는 것보다는. +각 후크는 모달의 상태에 대한 boolean 값도 반환합니다. 사용자의 지갑 연결 상태를 직접 확인하기 위해 Wagmi 후크(예: `useAccount`)만을 사용하는 것이 권장되며, Connect Modal의 상태에 의존하는 것은 권장되지 않습니다. ```tsx const { connectModalOpen } = useConnectModal(); @@ -59,6 +59,6 @@ const { accountModalOpen } = useAccountModal(); const { chainModalOpen } = useChainModal(); ``` -RainbowKit은 방해받지 않고 반응성을 유지하도록 설계되었으므로, dApps는 사용자가 지갑을 연결했는지 여부에 관계없이 사용자 인터페이스를 항상 렌더링해야 합니다. 사용자는 MetaMask에서 직접 지갑을 연결하거나 연결을 해제할 수 있으므로, dApp은 즉시 기본 연결 상태에 반응하여야 합니다. +RainbowKit은 비방해적이고 반응형으로 설계되었으므로, 사용자가 지갑을 연결했는지 여부에 관계없이 항상 사용자에게 인터페이스를 렌더링해야 합니다. 사용자는 MetaMask를 통해 직접 지갑을 연결하거나 연결 해제할 수 있으므로, dApp은 기본 연결 상태에 직접 응답해야 합니다. -사용자 검증을 위해 이더리움으로 로그인 같은 메커니즘에 의존하는 dApps는 대신 [Authentication](/docs/authentication) 기능에 의존해야 합니다. +사용자 검사용으로 Ethereum으로 로그인과 같은 메커니즘에 의존하는 dApp은 대신 [Authentication](/docs/authentication) 기능을 사용하는 것이 좋습니다. diff --git a/site/data/ko/docs/modal-sizes.mdx b/site/data/ko/docs/modal-sizes.mdx index 4abc369cb1..019f59081a 100644 --- a/site/data/ko/docs/modal-sizes.mdx +++ b/site/data/ko/docs/modal-sizes.mdx @@ -1,21 +1,21 @@ --- title: 모달 크기 -description: 넓은 vs. 콤팩트 +description: 넓음 vs. 짧음 --- # 모달 크기 -## 넓은 vs. 콤팩트 크기 +## 넓음 vs. 짧음 크기 -기본적으로, RainbowKit의 `modalSize`는 `wide`로 설정되어 있습니다 (이렇게 보입니다): +기본적으로 RainbowKit의 `modalSize`는 `wide`로 설정되어 있습니다 (다음과 같이 보입니다): -우리는 또한 `compact` 모달 크기를 제공하는데, 이것은 이렇게 보입니다: +또한 `compact` 모달 크기도 제공되며, 다음과 같이 보입니다: -당신의 모달 크기를 `compact`로 설정하기 위해서는, 그냥 `modalSize="compact"`를 `RainbowKitProvider`의 프로퍼티로 추가하세요: +모달 크기를 `compact`로 설정하려면, `RainbowKitProvider`에 `modalSize="compact"`을 prop로 추가하면 됩니다: ```tsx import { RainbowKitProvider } from '@rainbow-me/rainbowkit'; diff --git a/site/data/ko/docs/recent-transactions.mdx b/site/data/ko/docs/recent-transactions.mdx index 53b1f57d38..baa0a02e5a 100644 --- a/site/data/ko/docs/recent-transactions.mdx +++ b/site/data/ko/docs/recent-transactions.mdx @@ -7,11 +7,11 @@ description: 최근 거래 내역을 표시합니다 ## 최근 거래 내역을 표시합니다 -RainbowKit의 계정 모달 내에서 최근 거래 내역을 표시하도록 선택할 수 있습니다. 모든 거래는 로컬 저장소에 보관되며, 표시하려면 RainbowKit에 수동으로 등록해야 합니다. +RainbowKit의 계정 모달에서 최근 거래 내역을 표시하는 선택을 할 수 있습니다. 모든 거래 내역은 로컬 스토리지에 저장되며 표시하려면 RainbowKit에 수동으로 등록해야 합니다. -기본 `ConnectButton` 구현은 대기 중인 거래가 있으면 사용자의 아바타 주위에 로딩 지시자를 표시합니다. 사용자 정의 `ConnectButton` 구현은 render 함수에 전달되는 `account.hasPendingTransactions` 속성을 통해 이 동작을 재현할 수 있습니다. +기본 `ConnectButton` 구현은 대기 중인 거래가 있으면 사용자 아바타 주변에 로딩 표시기를 표시합니다. 사용자 정의 `ConnectButton` 구현은 렌더 함수에 전달되는 `account.hasPendingTransactions` 속성을 통해 이 동작을 재현할 수 있습니다. -이 기능을 사용하려면 먼저 `RainbowKitProvider`에 `showRecentTransactions` 옵션을 활성화해야 합니다. +이 기능을 사용하려면 먼저 `RainbowKitProvider`에서 `showRecentTransactions` 옵션을 활성화합니다. ```tsx import { RainbowKitProvider } from '@rainbow-me/rainbowkit'; @@ -25,7 +25,7 @@ const App = () => { }; ``` -그런 다음 `useAddRecentTransaction` hook을 사용하여 거래를 RainbowKit에 등록할 수 있습니다. +그런 다음 `useAddRecentTransaction` 훅을 사용하여 거래 내역을 RainbowKit에 등록할 수 있습니다. ```tsx import { useAddRecentTransaction } from '@rainbow-me/rainbowkit'; @@ -50,7 +50,7 @@ export default () => { 거래가 RainbowKit에 등록되면 완료 시 상태가 업데이트됩니다. -기본적으로 트랜잭션이 채굴된 블록 위에 단일 블록이 채굴되면 트랜잭션은 완료로 간주되지만, 사용자 정의 `confirmations` 값을 지정하여 이를 설정할 수 있습니다. +기본적으로 거래는 한 블록이 채굴된 후 완료된 것으로 간주되지만, 사용자 정의 확인 값을 지정하여 이를 구성할 수 있습니다. ```tsx import { useAddRecentTransaction } from '@rainbow-me/rainbowkit'; diff --git a/site/data/ko/docs/theming.mdx b/site/data/ko/docs/theming.mdx index 6e9ab875bc..92885470e6 100644 --- a/site/data/ko/docs/theming.mdx +++ b/site/data/ko/docs/theming.mdx @@ -175,7 +175,7 @@ export const App = () => ( `accentColor` 설정을 사용하는 몇 가지 다양한 방법이 있습니다. -강조 색상을 사용자 정의 퍼플 값으로 설정하세요. +강조 색상을 사용자 정의 보라색 값으로 설정하세요. ```tsx import { RainbowKitProvider, darkTheme } from '@rainbow-me/rainbowkit'; @@ -262,7 +262,7 @@ const App = () => { 기본적으로, `fontStack`은 `rounded`로 설정됩니다. 그러나 `fontStack` 설정을 사용하는 방법입니다. -글꼴 스택을 `system`으로 설정합니다. +글꼴 스택을 `system`으로 설정하세요. ```tsx import { RainbowKitProvider, darkTheme } from '@rainbow-me/rainbowkit'; @@ -304,7 +304,7 @@ const App = () => { }; ``` -#### 믹스 앤 매치 +#### 혼합하여 사용 다른 테마를 사용하는 몇 가지 방법, `accentColor`, `borderRadius` 및 `fontStack` props을 함께 사용합니다. diff --git a/site/data/ko/docs/wallet-button.mdx b/site/data/ko/docs/wallet-button.mdx index 457f178d15..7b3dbb0e2e 100644 --- a/site/data/ko/docs/wallet-button.mdx +++ b/site/data/ko/docs/wallet-button.mdx @@ -1,13 +1,13 @@ --- -title: 월렛버튼 -description: 월렛버튼 사용 및 사용자 정의 +title: WalletButton +description: WalletButton 사용 및 사용자 정의 --- -# 월렛버튼 +# WalletButton -> 참고: `WalletButton`은 현재 EIP-1193 지갑 표준에 의존하고 있지만, 가까운 미래에 EIP-6963을 지원할 예정입니다. +> 참고: 현재 `WalletButton`은 EIP-1193 지갑 표준을 사용하고 있으며, 가까운 미래에는 EIP-6963을 지원할 예정입니다. -새로운 `WalletButton` 컴포넌트는 사용자 정의 월렛 목록을 구현하여 RainbowKit과 관련된 유지보수의 이점을 제공하는 dApp에 도움이 됩니다. +새로운 `WalletButton` 컴포넌트는 맞춤형 지갑 목록 구현을 가진 dApps가 RainbowKit과 유지 관리 없는 모든 이점을 채택하는 데 도움을 줍니다. ```tsx import { WalletButton } from '@rainbow-me/rainbowkit'; @@ -17,7 +17,7 @@ import { WalletButton } from '@rainbow-me/rainbowkit'; ``` -`ConnectButton`과 마찬가지로, `WalletButton.Custom` 컴포넌트는 사용자 정의 구현과 스타일링에 사용할 수 있습니다. +`ConnectButton`과 마찬가지로, `WalletButton.Custom` 컴포넌트는 사용자 정의 구현과 스타일링을 위해 사용할 수 있습니다. ```tsx @@ -35,10 +35,10 @@ import { WalletButton } from '@rainbow-me/rainbowkit'; ``` -대부분의 dApp은 [ConnectButton](https://www.rainbowkit.com/docs/connect-button)가 가장 적합합니다. `WalletButton` 도입과 사용 사례에 대한 자세한 내용은 [here](https://www.rainbowkit.com/docs/wallet-button) 문서를 참조하십시오. +대부분의 dApps는 [ConnectButton](https://www.rainbowkit.com/docs/connect-button)이 가장 적합합니다. `WalletButton` 채택 및 사용 사례에 대한 자세한 내용은 [여기](https://www.rainbowkit.com/docs/wallet-button)를 참조하십시오. #### 데모 -아래 버튼을 눌러 RainbowKit 진입점의 모습을 확인하세요. +아래 버튼을 눌러 이 RainbowKit 진입점이 어떻게 보이는지 확인하세요. diff --git a/site/data/ko/guides/rainbowkit-wagmi-v2.mdx b/site/data/ko/guides/rainbowkit-wagmi-v2.mdx index 1315269c5e..fef52978de 100644 --- a/site/data/ko/guides/rainbowkit-wagmi-v2.mdx +++ b/site/data/ko/guides/rainbowkit-wagmi-v2.mdx @@ -100,7 +100,7 @@ npm i @tanstack/react-query **1. EIP-6963 지갑에 대한 개선된 동작** -새로운 EIP-6963 연결 표준을 지원하는 지갑(레인보우, 메타마스크 등 포함)은 이제 연결 지갑 경험 중에 '설치됨' 섹션에 자동으로 표시됩니다. 이렇게 하면 사용자가 항상 자신의 선호하는 지갑을 찾아 dApps에 문제없이 연결할 수 있습니다. +새로운 EIP-6963 연결 표준을 지원하는 지갑 (레인보우, 메타마스크 등 포함) 은 이제 연결 지갑 경험 중에 '설치됨' 섹션에 자동으로 표시됩니다. 이렇게 하면 사용자가 항상 자신의 선호하는 지갑을 찾아 dApps에 문제없이 연결할 수 있습니다. 개발자는 최종 사용자에게 선호하는 지갑을 강조하기 위해 사용자 지정 지갑 목록을 완전히 제어할 수 있습니다. 모든 플랫폼을 지원하기 위해 `injectedWallet` 및 `walletConnectWallet`을 목록에 계속 포함하는 것이 권장됩니다. diff --git a/site/data/ko/guides/walletconnect-v2.mdx b/site/data/ko/guides/walletconnect-v2.mdx index 08a622d14d..d8a3583d7c 100644 --- a/site/data/ko/guides/walletconnect-v2.mdx +++ b/site/data/ko/guides/walletconnect-v2.mdx @@ -1,5 +1,5 @@ --- -title: WalletConnect v2로 dApp 업그레이드 하기 +title: WalletConnect v2로 당신의 dApp 업그레이드 description: RainbowKit는 v2로 마이그레이션 되었으며, 5분 이내에 dApp을 준비할 수 있습니다 image: guide-walletconnect-v2.png --- @@ -34,7 +34,7 @@ npm i @rainbow-me/rainbowkit@^1.0.2 wagmi@^1.2 `0.12.x` dApp 사용자는 wagmi v1로 업그레이드를 시작하는 것이 좋습니다. 왜냐하면 WalletConnect v2의 안정성 향상은 향후 wagmi 버전에서만 포함될 예정이기 때문입니다. -**2. 프로젝트 아이디 제공** +\*\*2. 프로젝트 아이디 제공 WalletConnect에 의존하는 모든 dApp은 이제 [WalletConnect Cloud](https://cloud.walletconnect.com/)에서 `projectId`를 획득해야합니다. 이것은 완전히 무료이며 몇 분 밖에 걸리지 않습니다. @@ -62,10 +62,10 @@ const connectors = connectorsForWallets([ RainbowKit은 타입 안전하며, `projectId`가 누락될 경우 경고합니다. v2가 동작하는 예시를 참조하십시오: -- [Create React App](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-create-react-app) -- [Next.js](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-next) -- [Next.js App Router](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-next-app) -- [Remix](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-remix) -- [Vite](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-vite) +- [리액트 앱 생성](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-create-react-app)을 사용하여 +- [Next.js](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-next)을 사용하여 +- [Next.js 앱 라우터](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-next-app)을 사용하여 +- [Remix](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-remix)을 사용하여 +- [Vite](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-vite)을 사용하여 추가 지원 옵션에 대한 참조는 [docs](https://www.rainbowkit.com/docs/custom-wallet-list#walletconnect). diff --git a/site/data/pt-BR/docs/chains.mdx b/site/data/pt-BR/docs/chains.mdx index 25ad54959b..d274c5ef2c 100644 --- a/site/data/pt-BR/docs/chains.mdx +++ b/site/data/pt-BR/docs/chains.mdx @@ -1,17 +1,17 @@ --- title: Redes -description: Personalizando redes +description: Ícones de cadeia personalizados --- # Redes ## Ícones de cadeia personalizados -RainbowKit é projetado para integrar com [objeto `chain` do wagmi](https://wagmi.sh/react/chains). Confira a lista de redes suportadas [here](https://wagmi.sh/react/chains#supported-chains). +RainbowKit é projetado para integrar com [objeto `chain` do wagmi](https://wagmi.sh/react/chains). Confira a lista de redes suportadas [aqui](https://wagmi.sh/react/chains#supported-chains). ### Personalizando a rede inicial -Por padrão, o RainbowKit se conectará à primeira cadeia fornecida ao Wagmi. Esse comportamento pode ser personalizado através da propriedade `initialChain`. +Por padrão, o RainbowKit se conectará à primeira rede em seu array `chains` para garantir que os usuários não sejam imediatamente apresentados ao estado "Rede errada". Esse comportamento pode ser personalizado através da propriedade `initialChain`. A cadeia inicial pode ser configurada usando um ID de cadeia. @@ -25,9 +25,9 @@ Para sua conveniência, você também pode passar um objeto de cadeia. ``` -### Metadados de cadeia personalizada +### Personalizando redes -Vários ícones de cadeia são fornecidos por padrão, mas você pode personalizar o ícone para cada cadeia usando a propriedade iconUrl. +Vários ícones de cadeia são fornecidos por padrão, mas você pode personalizar o ícone para cada cadeia usando a propriedade `iconUrl`. Exemplo com `getDefaultConfig` diff --git a/site/data/pt-BR/docs/connect-button.mdx b/site/data/pt-BR/docs/connect-button.mdx index 6e0317f2fb..5bbfaa7625 100644 --- a/site/data/pt-BR/docs/connect-button.mdx +++ b/site/data/pt-BR/docs/connect-button.mdx @@ -19,7 +19,7 @@ export const YourApp = () => { > Nota: Certifique-se de que seu aplicativo esteja envolvido nos provedores necessários. [Leia mais](/docs/installation#wrap-providers). -### Props +### Propriedades O componente `BotãoConectar` expõe várias props para personalizar sua aparência, incluindo a alternância da visibilidade de diferentes elementos. diff --git a/site/data/pt-BR/docs/cool-mode.mdx b/site/data/pt-BR/docs/cool-mode.mdx index 859de01dad..b8141f35bd 100644 --- a/site/data/pt-BR/docs/cool-mode.mdx +++ b/site/data/pt-BR/docs/cool-mode.mdx @@ -23,7 +23,7 @@ const App = () => ( Explosões de emojis quando uma carteira é selecionada na lista de carteiras 🌈🌈🌈. Ele usa o ícone da carteira que você selecionar. -#### Demonstração +#### Demo Pressione os botões abaixo para ver o que o modo legal faz. diff --git a/site/data/pt-BR/docs/custom-chains.mdx b/site/data/pt-BR/docs/custom-chains.mdx index fe6f82135e..f9ad68fdb3 100644 --- a/site/data/pt-BR/docs/custom-chains.mdx +++ b/site/data/pt-BR/docs/custom-chains.mdx @@ -7,7 +7,7 @@ description: Crie uma cadeia personalizada ## Crie uma cadeia personalizada -Você pode usar o tipo `Chain` para ajudá-lo a criar uma cadeia personalizada. Depois, passe isso para a função [`configureChains`](https://wagmi.sh/docs/providers/configuring-chains). +Você pode usar o tipo `Chain` para ajudá-lo a criar uma cadeia personalizada. Depois, passe isso para `getDefaultConfig` ou a função [`createConfig`](https://wagmi.sh/core/api/createConfig#createconfig) do Wagmi. Por exemplo, aqui está como você pode criar uma cadeia Avalanche para [avax.network](https://avax.network). diff --git a/site/data/pt-BR/docs/custom-theme.mdx b/site/data/pt-BR/docs/custom-theme.mdx index c653bfca3f..f561486e3d 100644 --- a/site/data/pt-BR/docs/custom-theme.mdx +++ b/site/data/pt-BR/docs/custom-theme.mdx @@ -1,9 +1,9 @@ --- -title: Tema personalizado +title: Tema Personalizado description: Criando um tema personalizado --- -# Tema personalizado +# Tema Personalizado ## Criando um tema personalizado @@ -122,7 +122,7 @@ const App = () => { }; ``` -### Criando seletores de tema personalizados +### Criando seletores de temas personalizados Se o seu aplicativo é renderizado em servidor/estaticamente e permite que os usuários alterem manualmente entre temas, o sistema de temas do RainbowKit pode ser conectado a seletores CSS personalizados com as seguintes funções que podem ser usadas com qualquer sistema CSS-in-JS: diff --git a/site/data/pt-BR/docs/custom-wallet-list.mdx b/site/data/pt-BR/docs/custom-wallet-list.mdx index e3ef3323c7..69c9e89845 100644 --- a/site/data/pt-BR/docs/custom-wallet-list.mdx +++ b/site/data/pt-BR/docs/custom-wallet-list.mdx @@ -58,7 +58,7 @@ const App = () => ( ); ``` -### SafePal Wallet +### Carteiras Integradas As seguintes carteiras são fornecidas através do objeto `wallet`. @@ -86,9 +86,9 @@ Esta é uma opção de carteira de fallback projetada para cenários onde `windo import { injectedWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -##### Carteira Segura +##### Safe Wallet -Para dApps que suportam Safe Apps e permitem que os usuários se conectem facilmente com seu cofre Safe ou multi-assinatura, inclua a opção `safeWallet` para conexões automáticas. A opção Safe só aparecerá no ambiente do navegador da Carteira Segura. +Para dApps que suportam Safe Apps e permitem que os usuários se conectem facilmente com seu cofre Safe ou multi-sig, inclua a opção `safeWallet` para conexões automáticas. A opção Safe só aparecerá no ambiente do navegador Safe Wallet. ```tsx import { safeWallet } from '@rainbow-me/rainbowkit/wallets'; @@ -98,19 +98,31 @@ import { safeWallet } from '@rainbow-me/rainbowkit/wallets'; As seguintes carteiras são fornecidas através do objeto `wallet` (em ordem alfabética). +#### 1inch Wallet + +```tsx +import { oneInchWallet } from '@rainbow-me/rainbowkit/wallets'; +``` + #### Argent ```tsx import { argentWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### BitKeep +#### Binance Web3 Wallet + +```tsx +import { binanceWallet } from '@rainbow-me/rainbowkit/wallets'; +``` + +#### Bitget ```tsx import { bitgetWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Carteira Bifrost +#### Bifrost Wallet ```tsx import { bifrostWallet } from '@rainbow-me/rainbowkit/wallets'; @@ -134,33 +146,27 @@ import { bitverseWallet } from '@rainbow-me/rainbowkit/wallets'; import { bloomWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Carteira Bybit - -```tsx -import { bybitWallet } from '@rainbow-me/rainbowkit/wallets'; -``` - #### Brave Wallet ```tsx import { braveWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Binance Web3 Wallet +#### Bybit Wallet ```tsx -import { binanceWallet } from '@rainbow-me/rainbowkit/wallets'; +import { bybitWallet } from '@rainbow-me/rainbowkit/wallets'; ``` #### Coinbase -Este conector de carteira suporta tanto o app Coinbase Wallet quanto a extensão, assim como o Coinbase Smart Wallet na Web. +Este conector de carteira suporta tanto o aplicativo quanto a extensão Coinbase Wallet, bem como Coinbase Smart Wallet na Web. -Um argumento `preference` está disponível para controlar se o Smart Wallet está ativado e disponível para os usuários. O comportamento baseado em preferências está documentado [aqui](https://www.smartwallet.dev/sdk/makeWeb3Provider#parameters). +Um argumento `preference` está disponível para controlar se o Smart Wallet está habilitado e disponível para os usuários. O comportamento baseado em preferências é documentado [aqui](https://www.smartwallet.dev/sdk/makeWeb3Provider#parameters). -O Smart Wallet será ativado por padrão com `all` no início de junho, sem necessidade de atualização adicional. +O Smart Wallet será habilitado por padrão com `all` no início de junho, sem uma atualização adicional. -Os desenvolvedores podem testar o Smart Wallet com as cadeias `sepolia` e `baseSepolia` hoje, definindo `smartWalletOnly` e incluindo `coinbaseWallet` em sua lista de carteiras, assim: +Os desenvolvedores podem testar o Smart Wallet com as cadeias `sepolia` e `baseSepolia` hoje, configurando `smartWalletOnly` e incluindo `coinbaseWallet` em sua lista de carteiras da seguinte forma: ```tsx import { coinbaseWallet } from '@rainbow-me/rainbowkit/wallets'; @@ -169,16 +175,16 @@ import { coinbaseWallet } from '@rainbow-me/rainbowkit/wallets'; coinbaseWallet.preference = 'smartWalletOnly'; ``` -#### Compass Wallet +#### Coin98 Wallet ```tsx -import { compassWallet } from '@rainbow-me/rainbowkit/compassWallet'; +import { coin98Wallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Coin98 Wallet +#### Compass Wallet ```tsx -import { coin98Wallet } from '@rainbow-me/rainbowkit/wallets'; +import { compassWallet } from '@rainbow-me/rainbowkit/compassWallet'; ``` #### Core @@ -217,22 +223,34 @@ import { frameWallet } from '@rainbow-me/rainbowkit/wallets'; import { frontierWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Carteira Gate +#### Gate Wallet ```tsx import { gateWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Ledger Live +#### imToken ```tsx -import { ledgerWallet } from '@rainbow-me/rainbowkit/wallets'; +import { imTokenWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### imToken +#### ioPay Wallet ```tsx -import { imTokenWallet } from '@rainbow-me/rainbowkit/wallets'; +import { iopayWallet } from '@rainbow-me/rainbowkit/wallets'; +``` + +#### Kaia Wallet + +```tsx +import { kaiaWallet } from '@rainbow-me/rainbowkit/wallets'; +``` + +#### Kaikas + +```tsx +import { kaikasWallet } from '@rainbow-me/rainbowkit/wallets'; ``` #### Kraken Wallet @@ -247,10 +265,10 @@ import { krakenWallet } from '@rainbow-me/rainbowkit/wallets'; import { kresusWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Kaikas +#### Ledger Live ```tsx -import { kaikasWallet } from '@rainbow-me/rainbowkit/wallets'; +import { ledgerWallet } from '@rainbow-me/rainbowkit/wallets'; ``` #### Magic Eden Wallet @@ -259,16 +277,16 @@ import { kaikasWallet } from '@rainbow-me/rainbowkit/wallets'; import { magicEdenWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### MetaMask +#### MEW Wallet ```tsx -import { metaMaskWallet } from '@rainbow-me/rainbowkit/wallets'; +import { mewWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### MEW Wallet +#### MetaMask ```tsx -import { mewWallet } from '@rainbow-me/rainbowkit/wallets'; +import { metaMaskWallet } from '@rainbow-me/rainbowkit/wallets'; ``` #### OKX Wallet @@ -283,12 +301,6 @@ import { okxWallet } from '@rainbow-me/rainbowkit/wallets'; import { omniWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Carteira 1inch - -```tsx -import { oneInchWallet } from '@rainbow-me/rainbowkit/wallets'; -``` - #### OneKey ```tsx @@ -385,7 +397,7 @@ import { zerionWallet } from '@rainbow-me/rainbowkit/wallets'; Aqui estão alguns exemplos de exibição de diferentes carteiras, em diferentes ordens. -Mostre MetaMask junto com carteiras genéricas de fallback. +Mostrar Rainbow, MetaMask e Coinbase juntamente com carteiras genéricas de fallback. ```tsx import { connectorsForWallets } from '@rainbow-me/rainbowkit'; @@ -405,7 +417,7 @@ const connectors = connectorsForWallets( ); ``` -Mostrar Rainbow, MetaMask e Coinbase juntamente com carteiras genéricas de fallback. +Mostre MetaMask junto com carteiras genéricas de fallback. ```tsx import { connectorsForWallets } from '@rainbow-me/rainbowkit'; diff --git a/site/data/pt-BR/docs/installation.mdx b/site/data/pt-BR/docs/installation.mdx index e6ad02549d..632ef9674f 100644 --- a/site/data/pt-BR/docs/installation.mdx +++ b/site/data/pt-BR/docs/installation.mdx @@ -25,7 +25,7 @@ Alternativamente, você pode integrar manualmente o RainbowKit ao seu projeto ex ### Configuração manual -Instale o RainbowKit e suas dependências, [wagmi](https://wagmi.sh/) e [viem](https://viem.sh). +Instale o RainbowKit e suas dependências, [wagmi](https://wagmi.sh/), [viem](https://viem.sh), e [@tanstack/react-query](https://tanstack.com/query/v5). ```bash npm install @rainbow-me/rainbowkit wagmi viem@2.x @tanstack/react-query @@ -62,7 +62,7 @@ import { Configure suas cadeias desejadas e gere os conectores necessários. Você também precisará configurar um `wagmi` config. Se o seu dApp usa renderização no lado do servidor (SSR), certifique-se de definir `ssr` como `true`. -> Nota: Todo dApp que depende do WalletConnect agora precisa obter um `projectId` do [WalletConnect Cloud](https://cloud.walletconnect.com/). Isso é totalmente gratuito e leva apenas alguns minutos. +> Nota: Todo dApp que depende do WalletConnect agora precisa obter um `projectId` do [WalletConnect Cloud](https://cloud.walletconnect.com/). Isso é totalmente grátis e leva apenas alguns minutos. ```tsx line=4-99 ... @@ -78,7 +78,7 @@ const config = getDefaultConfig({ #### Envolver provedores -Envolva sua aplicação com `RainbowKitProvider` e [`WagmiConfig`](https://wagmi.sh/docs/provider). +Envolva sua aplicação com `RainbowKitProvider`, [`WagmiProvider`](https://wagmi.sh/react/api/WagmiProvider#wagmiprovider), e [`QueryClientProvider`](https://tanstack.com/query/v4/docs/framework/react/reference/QueryClientProvider). ```tsx const queryClient = new QueryClient(); @@ -116,7 +116,7 @@ Algumas ferramentas de build podem necessitar de configuração adicional. ##### Remix -Ao usar o [Remix](https://remix.run), você deve fazer polyfill dos módulos `buffer`, `events` e `http`. Faça referência à configuração do Remix abaixo, ou [ao nosso projeto Remix de exemplo](https://github.com/rainbow-me/rainbowkit/blob/main/examples/with-remix). +Ao usar o [Remix](https://remix.run), você deve polyfill dos módulos `buffer`, `events` e `http`. Consulte a configuração do Remix abaixo, ou [nosso exemplo de projeto Remix](https://github.com/rainbow-me/rainbowkit/blob/main/examples/with-remix). ```ts /** @type {import('@remix-run/dev').AppConfig} */ @@ -128,13 +128,13 @@ export default { }; ``` -### Preparando para o deploy +### Preparando-se para implantar -Por padrão, seu dApp usa provedores RPC públicos para cada rede para buscar saldos, resolver nomes ENS e mais. Isso pode frequentemente causar problemas de confiabilidade para seus usuários, pois os nós públicos têm limitação de taxa. Em vez disso, você deveria adquirir acesso a um provedor RPC por meio de serviços como [Alchemy](https://www.alchemy.com/) ou [QuickNode](https://www.quicknode.com/), e definir seus próprios Transportes no Wagmi. Isso pode ser alcançado adicionando o parâmetro `transports` em `getDefaultConfig` ou diretamente via `createConfig` do Wagmi. +Por padrão, seu dApp usa provedores RPC públicos para cada cadeia para buscar saldos, resolver nomes ENS e mais. Isso pode muitas vezes causar problemas de confiabilidade para seus usuários, já que os nós públicos têm limite de taxa. Você deve, ao invés disso, adquirir acesso a um provedor RPC por meio de serviços como [Alchemy](https://www.alchemy.com/) ou [QuickNode](https://www.quicknode.com/), e definir seus próprios Transportes no Wagmi. Isso pode ser alcançado adicionando o parâmetro `transports` em `getDefaultConfig` ou diretamente via `createConfig` do Wagmi. -Um Transporte é a camada intermediária de rede que lida com o envio de requisições JSON-RPC para o Provedor de Nó Ethereum (como Alchemy, Infura, etc). +Um Transporte é a camada intermediária de rede que lida com o envio de solicitações JSON-RPC para o Provedor de Nó Ethereum (como Alchemy, Infura, etc). -**Exemplo com um transporte `http`** +**Exemplo com transporte `http`** ```tsx import { getDefaultConfig } from '@rainbow-me/rainbowkit'; @@ -152,7 +152,7 @@ const config = getDefaultConfig({ }); ``` -Para mais detalhes, veja a [documentação de transporte wagmi](https://wagmi.sh/core/api/transports#transports). +Para mais detalhes, veja a [documentação wagmi](https://wagmi.sh/core/api/transports#transports). ### Adicione sua própria funcionalidade diff --git a/site/data/pt-BR/docs/introduction.mdx b/site/data/pt-BR/docs/introduction.mdx index 2b6febc2f9..370306233a 100644 --- a/site/data/pt-BR/docs/introduction.mdx +++ b/site/data/pt-BR/docs/introduction.mdx @@ -7,7 +7,7 @@ description: A melhor maneira de conectar uma carteira 🌈 ## A melhor maneira de conectar uma carteira 🌈 -
diff --git a/site/data/pt-BR/docs/migration-guide.mdx b/site/data/pt-BR/docs/migration-guide.mdx index 13a5e89fec..3f1dd57e66 100644 --- a/site/data/pt-BR/docs/migration-guide.mdx +++ b/site/data/pt-BR/docs/migration-guide.mdx @@ -6,19 +6,19 @@ title: Guia de Migração ## Migrando RainbowKit -### 1.x.x Alterações que quebram +### 2.x.x Alterações que quebram As dependências de pares [wagmi](https://wagmi.sh) e [viem](https://viem.sh) alcançaram a versão `2.x.x` com mudanças significativas. -Siga as etapas abaixo para migrar. +Siga os passos abaixo para migrar. -**1. Atualize o RainbowKit e `wagmi` para suas últimas versões** +**1. Atualize o RainbowKit, `wagmi` e `viem` para as suas versões mais recentes** ```bash npm i @rainbow-me/rainbowkit@2 wagmi@2 viem@2.x ``` -**2. Instale a dependência de par `viem`** +**2. Instale a dependência de peer `@tanstack/react-query`** Com o Wagmi v2, [TanStack Query](https://tanstack.com/query/v5/docs/react/overview) agora é uma dependência paralela obrigatória. @@ -28,7 +28,7 @@ Instale-o com o seguinte comando: npm i @tanstack/react-query ``` -**3. RainbowKitProvider** +**3. Atualize suas configurações do RainbowKit e Wagmi** ```diff import '@rainbow-me/rainbowkit/styles.css' @@ -91,9 +91,9 @@ npm i @tanstack/react-query } ``` -**4. Verifique as alterações que quebram a compatibilidade em `wagmi`** +**4. Verifique se há alterações que quebram a compatibilidade no `wagmi` e `viem`** -Se você usa hooks `wagmi` em seu aplicativo, você precisará seguir o guia de migração `wagmi` para a v1. +Se você usa hooks do `wagmi` e ações do `viem` em seu dApp, você precisará seguir os guias de migração para v2: - [Guia de Migração do Wagmi v2](https://wagmi.sh/react/guides/migrate-from-v1-to-v2) - [Mudanças que Quebram a Compatibilidade no Viem v2](https://viem.sh/docs/migration-guide.html#_2-x-x-breaking-changes) @@ -106,7 +106,7 @@ Carteiras que suportam o novo padrão de conexão EIP-6963 (incluindo Rainbow, M Os desenvolvedores continuam tendo controle total sobre a Lista de Carteiras Personalizadas para enfatizar carteiras preferenciais para os usuários finais. É incentivado que você continue a incluir a `injectedWallet` e a `walletConnectWallet` em sua lista para dar suporte a todas as plataformas. -**3. Instale a dependência de par `viem`** +**2. Configuração do Wagmi com getDefaultConfig** Esta nova API simplifica a experiência de configuração e substitui a necessidade de usar diretamente o `createConfig` do Wagmi. A configuração da cadeia é simplificada, incluindo provedores públicos inferidos para `transports`. @@ -124,7 +124,7 @@ const config = getDefaultConfig({ }) ``` -**3. Instale a dependência de par `viem`** +**3. RainbowKitProvider** Você não precisa mais passar `chains` para ``. @@ -133,7 +133,7 @@ Você não precisa mais passar `chains` para ``. + ``` -**4. Correntes Personalizadas** +**4. Cadeias Personalizadas** O tipo `Chain` mudou de acordo com o Wagmi v2 e continua a suportar os metadados `iconUrl` e `iconBackground` do RainbowKit. @@ -197,7 +197,7 @@ Exemplo com `createConfig`: **5. Carteiras Personalizadas** -O RainbowKit adotou o conector `WalletConnectLegacyConnector` em `wagmi` para manter o suporte à WalletConnect v1. O suporte para WalletConnect v2 e `WalletConnectConnector` estarão disponíveis em breve como uma atualização de correção, sem quebras de compatibilidade. +Os conectores de carteira do RainbowKit passaram por mudanças substanciais para suportar o Wagmi v2. Consulte a [documentação atualizada](https://www.rainbowkit.com/docs/custom-wallets) e um [exemplo de conector](https://github.com/rainbow-me/rainbowkit/blob/main/packages/rainbowkit/src/wallets/walletConnectors/rainbowWallet/rainbowWallet.ts) para atualizar qualquer Conector de Carteira Personalizado em seu dApp. Os conectores de carteira agora também suportam o padrão EIP-6963 com a propriedade `rdns`. Certifique-se de que isso esteja preenchido para evitar referências duplicadas a carteiras que suportam EIP-6963 na sua lista de carteiras. @@ -205,17 +205,17 @@ Os conectores de carteira agora também suportam o padrão EIP-6963 com a propri #### Atualizado para wagmi v1 -A dependência de pares wagmi foi atualizada para `0.10.x`. +A dependência par a par do [wagmi](https://wagmi.sh) foi atualizada para `1.x.x`. Siga os passos abaixo para migrar. -\*\*1. Atualize RainbowKit e `wagmi` para a versão mais recente +**1. Atualize RainbowKit e `wagmi` para a versão mais recente** ```bash npm i @rainbow-me/rainbowkit@^1 wagmi@^1 ``` -**3. Instale a dependência de par `viem`** +**2. Instale a dependência de par `viem`** wagmi v1 requer a dependência de par `viem`. Instale-o com o seguinte comando: @@ -231,17 +231,17 @@ Nas versões anteriores de wagmi que dependiam de [ethers](https://docs.ethers.o Consulte a nossa [Configuração de Webpack do Next.js](https://github.com/rainbow-me/rainbowkit/blob/main/examples/with-next/next.config.js) e amostras de [Polyfills do Create React App](https://github.com/rainbow-me/rainbowkit/blob/main/examples/with-create-react-app/src/polyfills.ts) para orientações de configuração para o seu projeto. -Guias adicionais do framework para Vite e Remix estão disponíveis [here](https://www.rainbowkit.com/docs/installation#additional-build-tooling-setup). +Guias adicionais do framework para Vite e Remix estão disponíveis [aqui](https://www.rainbowkit.com/docs/installation#additional-build-tooling-setup). -\*\*4. Verifique se há alterações que quebram em `wagmi` +**4. Verifique se há alterações que quebram em `wagmi`** -Se você usa hooks `wagmi` em sua aplicação, você precisará verificar se sua aplicação foi afetada pelas alterações que quebram em `wagmi`. +Se você usa hooks `wagmi` em sua aplicação, você precisará seguir o guia de migração de `wagmi` para v1. -[Você pode ver o guia de migração deles aqui](https://wagmi.sh/react/migration-guide#09x-breaking-changes). +[Você pode ver o guia de migração deles aqui](https://wagmi.sh/react/migration-guide). -### 0.8.x Alterações que quebram +### 0.12.x Alterações que quebram -A dependência paritária wagmi foi atualizada para `0.8.x`. +A dependência de pares wagmi foi atualizada para `0.12.x`. O RainbowKit adotou o conector `WalletConnectLegacyConnector` em `wagmi` para manter o suporte à WalletConnect v1. O suporte para WalletConnect v2 e `WalletConnectConnector` estará disponível em breve como uma atualização de correção, sem quebras de compatibilidade. @@ -259,7 +259,7 @@ npm i @rainbow-me/rainbowkit@^0.12.0 wagmi@^0.12.0 #### 2. Forneça um projectId do WalletConnect Cloud -Cada dApp que depende de WalletConnect agora precisa obter um `projectId` do [WalletConnect Cloud](https://cloud.walletconnect.com/). Isso é absolutamente gratuito e leva apenas alguns minutos. +Todo dApp que depende do WalletConnect agora precisa obter um `projectId` do [WalletConnect Cloud](https://cloud.walletconnect.com/). Isso é totalmente grátis e leva apenas alguns minutos. Forneça o `projectId` para `getDefaultWallets` e conectores individuais de carteira RainbowKit como o seguinte: @@ -285,79 +285,79 @@ const connectors = connectorsForWallets([ ]); ``` -### Alterações que quebram a versão 0.11.x +### 0.11.x Alterações que quebram A dependência de pares wagmi foi atualizada para `0.11.x`. -Siga as etapas abaixo para migrar. +Siga os passos abaixo para migrar. -#### 1. Atualize RainbowKit e `wagmi` para suas versões mais recentes +#### 1. Atualize RainbowKit e `wagmi` para a versão mais recente ```bash npm i @rainbow-me/rainbowkit@^0.11.0 wagmi@^0.11.0 ``` -#### 2. Verifique as alterações que quebram a compatibilidade em `wagmi` +#### 2. Verifique se há alterações que quebram em `wagmi` -Se você usa os ganchos `wagmi` em sua aplicação, precisará verificar se sua aplicação foi afetada pelas alterações que quebram a compatibilidade em `wagmi`. +Se você usa hooks `wagmi` em sua aplicação, você precisará verificar se sua aplicação foi afetada pelas alterações que quebram a compatibilidade no `wagmi`. [Você pode ver o guia de migração deles aqui](https://wagmi.sh/react/migration-guide#011x-breaking-changes). -### Alterações que quebram a versão 0.10.x +### 0.10.x Alterações que quebram -A dependência de peer do wagmi foi atualizada para `0.12.x`. +A dependência de pares wagmi foi atualizada para `0.10.x`. -Siga as etapas abaixo para migrar. +Siga os passos abaixo para migrar. -#### \*\*1. Atualize as dependências +#### 1. Atualize RainbowKit e `wagmi` para a versão mais recente ```bash npm i @rainbow-me/rainbowkit@^0.10.0 wagmi@^0.10.0 ``` -#### 2. Verifique se há alterações que quebram a compatibilidade no `wagmi` +#### 2. Verifique se há alterações que quebram em `wagmi` -Se você usa ganchos `wagmi` em sua aplicação, precisará verificar se sua aplicação foi afetada pelas alterações que quebram em `wagmi`. +Se você usa hooks `wagmi` em sua aplicação, você precisará verificar se sua aplicação foi afetada pelas alterações que quebram a compatibilidade no `wagmi`. [Você pode ver o guia de migração deles aqui](https://wagmi.sh/react/migration-guide#010x-breaking-changes). -### Alterações que quebram a compatibilidade em 0.9.x +### 0.9.x Alterações que quebram -A dependência par a par do wagmi foi atualizada para `0.9.x`. +A dependência de pares wagmi foi atualizada para `0.9.x`. -Siga as etapas abaixo para migrar. +Siga os passos abaixo para migrar. -#### 1. Atualize as dependências +#### 1. Atualize RainbowKit e `wagmi` para a versão mais recente ```bash npm i @rainbow-me/rainbowkit@^0.9.0 wagmi@^0.9.0 ``` -#### \*\*4. Substitua import configureChains +#### 2. Verifique se há alterações que quebram em `wagmi` -Se você usa os hooks `wagmi` em seu aplicativo, você precisará verificar se seu aplicativo foi afetado pelas alterações que quebram a compatibilidade no `wagmi`. +Se você usa hooks `wagmi` em sua aplicação, você precisará verificar se sua aplicação foi afetada pelas alterações que quebram a compatibilidade no `wagmi`. -[Você pode ver o guia de migração deles aqui](https://wagmi.sh/react/migration-guide). +[Você pode ver o guia de migração deles aqui](https://wagmi.sh/react/migration-guide#09x-breaking-changes). ### 0.8.x Alterações que quebram -A dependência de par [wagmi](https://wagmi.sh) foi atualizada para `1.x.x`. +A dependência de pares wagmi foi atualizada para `0.8.x`. -Siga as etapas abaixo para migrar. +Siga os passos abaixo para migrar. -#### 1. Atualizar dependências +#### 1. Atualize RainbowKit e `wagmi` para a versão mais recente ```bash npm i @rainbow-me/rainbowkit@^0.8.0 wagmi@^0.8.0 ``` -#### 1. Substitua import configureChains +#### 2. Verifique se há alterações que quebram em `wagmi` -Se você usa ganchos `wagmi` em sua aplicação, precisará verificar se sua aplicação foi afetada pelas alterações que quebram em `wagmi`. +Se você usa hooks `wagmi` em sua aplicação, você precisará verificar se sua aplicação foi afetada pelas alterações que quebram a compatibilidade no `wagmi`. -[Você pode ver o guia de migração aqui](https://wagmi.sh/react/migration-guide#08x-breaking-changes). +[Você pode ver o guia de migração deles aqui](https://wagmi.sh/react/migration-guide#08x-breaking-changes). -### 0.7.x Mudanças significativas +### 0.7.x Alterações que quebram Se você está criando uma lista de carteiras personalizada, agora deve importar cada carteira individualmente para reduzir o tamanho do pacote. Observe que, como as carteiras não são mais namespace via o objeto `wallet`, todas as carteiras agora têm um sufixo `Wallet`. @@ -398,13 +398,13 @@ const wallets = [ ]; ``` -### 0.4.x Mudanças significativas +### 0.4.x Alterações que quebram O RainbowKit atualizou a dependência de pares `wagmi` para `0.5.x`. -Siga as etapas abaixo para migrar. +Siga os passos abaixo para migrar. -#### 1. Atualizar dependências +#### 1. Atualize as dependências Atualize RainbowKit e wagmi para a versão mais recente @@ -412,11 +412,11 @@ Atualize RainbowKit e wagmi para a versão mais recente npm i @rainbow-me/rainbowkit@^0.4.0 wagmi@^0.5.0 ``` -#### 1. Atualizar dependências +#### 2. Verifique se há alterações que quebram em `wagmi` -Se você usa hooks `wagmi` em sua aplicação, você precisará verificar se sua aplicação foi afetada pelas alterações que quebram em `wagmi`. +Se você usa hooks `wagmi` em sua aplicação, você precisará verificar se sua aplicação foi afetada pelas alterações que quebram a compatibilidade no `wagmi`. -[Você pode ver o guia de migração aqui](https://wagmi.sh/react/migration-guide#05x-breaking-changes). +[Você pode ver o guia de migração deles aqui](https://wagmi.sh/react/migration-guide#05x-breaking-changes). ### 0.3.x Alterações que quebram a compatibilidade @@ -478,13 +478,13 @@ const connectors = connectorsForWallets([ ]); ``` -### Alterações que quebram a versão 0.2.x +### 0.2.x Alterações que quebram a compatibilidade O RainbowKit atualizou a dependência de pares `wagmi` para `^0.4`. Siga os passos abaixo para migrar. -#### 4. Atualizar dependências +#### 1. Atualize as dependências Atualize RainbowKit e wagmi para a versão mais recente @@ -492,7 +492,7 @@ Atualize RainbowKit e wagmi para a versão mais recente npm i @rainbow-me/rainbowkit@^0.2.0 wagmi@^0.4.2 ``` -#### \*\*4. Atualizar dependências +#### 2. Substitua a importação de configureChains Importe `configureChains` do wagmi, em vez do RainbowKit: @@ -575,7 +575,7 @@ const { chains, provider } = configureChains( #### 4. Renomeie o provedor do wagmi -Renomeie `WamgiProvider` para `WagmiConfig`. +Renomeie `WagmiProvider` para `WagmiConfig`. ```diff import { diff --git a/site/data/pt-BR/docs/theming.mdx b/site/data/pt-BR/docs/theming.mdx index 216985cea0..743b9d6581 100644 --- a/site/data/pt-BR/docs/theming.mdx +++ b/site/data/pt-BR/docs/theming.mdx @@ -1,9 +1,9 @@ --- -title: Tema +title: Tematização description: Usando e personalizando os temas --- -# Tema +# Tematização ## Usando e personalizando os temas @@ -27,7 +27,7 @@ export const App = () => ( ); ``` -Se quiser, você pode inserir `accentColor`, `accentColorForeground`, `borderRadius`, `fontStack` and `overlayBlur` para personalizá-los. +Se quiser, você pode inserir `accentColor`, `accentColorForeground`, `borderRadius`, `fontStack` e `overlayBlur` para personalizá-los. ```tsx import { RainbowKitProvider, darkTheme } from '@rainbow-me/rainbowkit'; @@ -237,7 +237,7 @@ const App = () => { }; ``` -Defina o raio da borda para `nenhum`. +Defina o raio da borda para `none`. ```tsx import { RainbowKitProvider, darkTheme } from '@rainbow-me/rainbowkit'; @@ -309,9 +309,9 @@ const App = () => { Aqui estão algumas maneiras diferentes de você usar diferentes temas, com as props `accentColor`, `borderRadius` e `fontStack` juntas. - Use o tema `lightTheme` -- Defina a cor de destaque para um valor personalizado de roxo +- Defina a cor de destaque para um valor roxo personalizado - Defina o raio da borda para `medium` -- Defina a pilha de fonte para `system` +- Configure a pilha de fontes para `system` ```tsx import { RainbowKitProvider, lightTheme } from '@rainbow-me/rainbowkit'; @@ -336,7 +336,7 @@ const App = () => { - Use o tema `midnightTheme` - Defina a cor de destaque para o preset `pink` integrado. - Defina o raio da borda para `small` -- Defina a pilha de fonte para `system` +- Configure a pilha de fontes para `system` ```tsx import { diff --git a/site/data/pt-BR/docs/wallet-button.mdx b/site/data/pt-BR/docs/wallet-button.mdx index cb9c2c11e6..b4055b7ec1 100644 --- a/site/data/pt-BR/docs/wallet-button.mdx +++ b/site/data/pt-BR/docs/wallet-button.mdx @@ -5,7 +5,7 @@ description: Usando e personalizando o Botão da Carteira # Botão da Carteira -> Nota: O `WalletButton` atualmente depende do padrão de carteira EIP-1193, mas suportará o EIP-6963 em um futuro próximo. +> Note: The `WalletButton` currently relies on the EIP-1193 wallet standard, but will support EIP-6963 in the near future. O novo componente `WalletButton` ajuda as dApps com implementações personalizadas de lista de carteiras a adotar o RainbowKit e todos os seus benefícios livres de manutenção. @@ -37,7 +37,7 @@ Assim como o `ConnectButton`, o componente `WalletButton.Custom` está disponív A maioria das dApps são melhor atendidas pelo [ConnectButton](https://www.rainbowkit.com/docs/connect-button). Consulte a documentação [here](https://www.rainbowkit.com/docs/wallet-button) para obter mais informações sobre a adoção e casos de uso do `WalletButton`. -#### Demonstração +#### Demo Pressione os botões abaixo para ver como é esta entrada do RainbowKit. diff --git a/site/data/pt-BR/guides/rainbow-button.mdx b/site/data/pt-BR/guides/rainbow-button.mdx index 36533442fe..35090ace80 100644 --- a/site/data/pt-BR/guides/rainbow-button.mdx +++ b/site/data/pt-BR/guides/rainbow-button.mdx @@ -18,7 +18,7 @@ npm install @rainbow-me/rainbow-button wagmi viem@2.x @tanstack/react-query **2. Configure com Wagmi e instale o RainbowButton** -Passe uma instância de `RainbowConnector` para sua lista de conectores Wagmi e envolva seu aplicativo em `RainbowButtonProvider`. Em seguida, adicione o componente `RainbowButton` à sua lista de carteiras. +Passe uma instância de `rainbowConnector` para a configuração do Wagmi com `projectId` e `appName`, e envolva seu aplicativo em `RainbowButtonProvider`. Em seguida, adicione o componente `RainbowButton` à sua lista de carteiras. ```tsx import '@rainbow-me/rainbow-button/styles.css'; diff --git a/site/data/pt-BR/guides/rainbowkit-wagmi-v2.mdx b/site/data/pt-BR/guides/rainbowkit-wagmi-v2.mdx index 74fe7bc884..3e932e7c49 100644 --- a/site/data/pt-BR/guides/rainbowkit-wagmi-v2.mdx +++ b/site/data/pt-BR/guides/rainbowkit-wagmi-v2.mdx @@ -8,7 +8,7 @@ image: guide-rainbowkit-v2.png As dependências de pares [wagmi](https://wagmi.sh) e [viem](https://viem.sh) alcançaram a versão `2.x.x` com mudanças significativas. -Siga as etapas abaixo para migrar. +Siga os passos abaixo para migrar. **1. Atualize o RainbowKit, `wagmi` e `viem` para as suas versões mais recentes** @@ -26,7 +26,7 @@ Instale-o com o seguinte comando: npm i @tanstack/react-query ``` -**3. RainbowKitProvider** +**3. Atualize suas configurações do RainbowKit e Wagmi** ```diff import '@rainbow-me/rainbowkit/styles.css' @@ -104,7 +104,7 @@ Carteiras que suportam o novo padrão de conexão EIP-6963 (incluindo Rainbow, M Os desenvolvedores continuam tendo controle total sobre a Lista de Carteiras Personalizadas para enfatizar carteiras preferenciais para os usuários finais. É incentivado que você continue a incluir a `injectedWallet` e a `walletConnectWallet` em sua lista para dar suporte a todas as plataformas. -\*\*2. Substitua import configureChains +**2. Configuração do Wagmi com getDefaultConfig** Esta nova API simplifica a experiência de configuração e substitui a necessidade de usar diretamente o `createConfig` do Wagmi. A configuração da cadeia é simplificada, incluindo provedores públicos inferidos para `transports`. @@ -122,7 +122,7 @@ const config = getDefaultConfig({ }) ``` -**3. Garanta a compatibilidade do empacotador e do polyfill** +**3. RainbowKitProvider** Você não precisa mais passar `chains` para ``. @@ -131,7 +131,7 @@ Você não precisa mais passar `chains` para ``. + ``` -**4. Correntes Personalizadas** +**4. Cadeias Personalizadas** O tipo `Chain` mudou de acordo com o Wagmi v2 e continua a suportar os metadados `iconUrl` e `iconBackground` do RainbowKit. @@ -195,7 +195,7 @@ Exemplo com `createConfig`: **5. Carteiras Personalizadas** -O RainbowKit adotou o conector `WalletConnectLegacyConnector` em `wagmi` para manter o suporte à WalletConnect v1. O suporte para WalletConnect v2 e `WalletConnectConnector` estará disponível em breve como uma atualização de correção, sem quebras de compatibilidade. +Os conectores de carteira do RainbowKit passaram por mudanças substanciais para suportar o Wagmi v2. Consulte a [documentação atualizada](https://www.rainbowkit.com/docs/custom-wallets) e um [conector de exemplo](packages/rainbowkit/src/wallets/walletConnectors/rainbowWallet/rainbowWallet.ts) para atualizar quaisquer Conectores de Carteiras Personalizadas em seu dApp. Os conectores de carteira agora também suportam o padrão EIP-6963 com a propriedade `rdns`. Certifique-se de que isso esteja preenchido para evitar referências duplicadas a carteiras que suportam EIP-6963 na sua lista de carteiras. diff --git a/site/data/pt-BR/guides/walletconnect-v2.mdx b/site/data/pt-BR/guides/walletconnect-v2.mdx index 1582b71c3e..de10a356bd 100644 --- a/site/data/pt-BR/guides/walletconnect-v2.mdx +++ b/site/data/pt-BR/guides/walletconnect-v2.mdx @@ -65,7 +65,7 @@ RainbowKit é à prova de tipos e lhe alertará quando um `projectId` estiver fa - [Criar aplicativo React](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-create-react-app) - [Next.js](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-next) - [Roteador de aplicativo Next.js](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-next-app) -- [Remix](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-remix) -- [Vite](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-vite) +- \[com [Remix](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-remix) +- \[com [Vite](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-vite) Consulte o [docs](https://www.rainbowkit.com/docs/custom-wallet-list#walletconnect) para opções adicionais suportadas. diff --git a/site/data/ru/docs/chains.mdx b/site/data/ru/docs/chains.mdx index fb0dc48d8f..499aeb1fcb 100644 --- a/site/data/ru/docs/chains.mdx +++ b/site/data/ru/docs/chains.mdx @@ -11,9 +11,9 @@ RainbowKit разработан для интеграции с [объектом ### Настройка начальной сети -По умолчанию RainbowKit будет подключаться к первой цепочке, предоставленной Wagmi. Это поведение можно настроить с помощью свойства `initialChain`. +По умолчанию RainbowKit подключится к первой сети, предоставленной Wagmi. Это поведение можно настроить с помощью свойства `initialChain`. -Начальная цепочка может быть настроена с использованием идентификатора цепочки. +Начальная сеть может быть настроена с использованием идентификатора цепочки. ```tsx @@ -25,9 +25,9 @@ RainbowKit разработан для интеграции с [объектом ``` -### Пользовательская метадата цепочки +### Пользовательские данные сети -Несколько иконок и фонов цепочек предоставляются по умолчанию, но вы можете настроить иконку и фон для каждой цепочки, используя свойства `iconUrl` и `iconBackground`. +Несколько значков и фонов сетей предоставляются по умолчанию, но вы можете настроить значок и фон для каждой сети, используя свойства `iconUrl` и `iconBackground`. Пример с `getDefaultConfig` diff --git a/site/data/ru/docs/connect-button.mdx b/site/data/ru/docs/connect-button.mdx index ae4de39296..75d2404e47 100644 --- a/site/data/ru/docs/connect-button.mdx +++ b/site/data/ru/docs/connect-button.mdx @@ -7,7 +7,7 @@ description: Использование и настройка ConnectButton ## Использование и настройка ConnectButton -Это основной компонент. Он отвечает за отображение кнопки подключения/отключения, а также пользовательского интерфейса для смены цепочки. +Это основной компонент. Он отвечает за рендеринг кнопки подключения/отключения, а также интерфейса смены сети. ```tsx import { ConnectButton } from '@rainbow-me/rainbowkit'; @@ -17,11 +17,11 @@ export const YourApp = () => { }; ``` -> Примечание: Убедитесь, что ваше приложение обернуто в необходимые провайдеры. [Читать дальше](/docs/installation#wrap-providers). +> Примечание: убедитесь, что ваше приложение обернуто в необходимые провайдеры. [Подробнее](/docs/installation#wrap-providers). -### Props +### Свойства -Компонент `ConnectButton` предоставляет несколько свойств для настройки его внешнего вида, включая переключение видимости разных элементов. +Компонент `ConnectButton` предоставляет несколько свойств для настройки его внешнего вида, включая переключение видимости различных элементов. { ]} /> -> Примечание: встроенный `largeScreen` срабатывает при `768px`. +> Примечание: встроенная точка останова `largeScreen` - `768px`. ### Примеры #### Метка -Используйте свойство `label` для задания пользовательского текста `ConnectButton`. +Используйте свойство `label` для установки текста настраиваемой кнопки `ConnectButton`. ```tsx @@ -76,7 +76,7 @@ export const YourApp = () => { #### Статус аккаунта -Вот несколько разных способов использования свойства `accountStatus`. +Вот несколько способов использования свойства `accountStatus`. Показывать только аватар аккаунта. @@ -92,7 +92,7 @@ export const YourApp = () => { #### Статус сети -Вот несколько разных способов использования свойства `chainStatus`. +Вот несколько способов использования свойства `chainStatus`. Показывать только иконку текущей сети. @@ -114,7 +114,7 @@ export const YourApp = () => { #### Показать баланс -Используйте свойство `showBalance` для скрытия/отображения баланса. +Используйте свойство `showBalance` для скрытия/показа баланса. Скрыть баланс. @@ -122,11 +122,11 @@ export const YourApp = () => { ``` -#### Адаптивный +#### Адаптивность -Эти свойства также могут быть определены в адаптивном формате. +Эти свойства также можно определить в адаптивном формате. -На маленьких экранах показывать только иконку аккаунта. Но на больших экранах показывать иконку и адрес. +На малых экранах показывать только иконку аккаунта. Но на больших экранах показывать и иконку, и адрес. ```tsx { /> ``` -На маленьких экранах скрыть баланс. Но на больших экранах, показывайте это. +На малых экранах скрывать баланс. Но на больших экранах показывать его. ```tsx ( ); ``` -### Но что это? +### Но что это такое? -Эмодзи-взрывы, когда кошелек выбран из списка кошельков 🌈🌈🌈. Он использует иконку выбранного вами кошелька. +Взрывы эмодзи при выборе кошелька из списка кошельков 🌈🌈🌈. Он использует значок выбранного вами кошелька. #### Демо diff --git a/site/data/ru/docs/custom-app-info.mdx b/site/data/ru/docs/custom-app-info.mdx index 0a96638db8..ccd7fb0fc2 100644 --- a/site/data/ru/docs/custom-app-info.mdx +++ b/site/data/ru/docs/custom-app-info.mdx @@ -1,13 +1,13 @@ --- title: Пользовательская информация о приложении -description: Настройка информации вашего приложения +description: Настройка информации о вашем приложении --- # Пользовательская информация о приложении -## Настройка информации вашего приложения +## Настройка информации о вашем приложении -Вы можете передать информацию вашего приложения в свойство `appInfo` для `RainbowKitProvider`. Свойства, которые вы можете изменить: имя вашего приложения (`appName`) и ссылка, куда будет перенаправлять кнопка «Узнать больше» в модальном окне подключения (`learnMoreUrl`): +Вы можете передать информацию о вашем приложении в свойство `appInfo` для `RainbowKitProvider`. Свойства, которые вы можете изменить, включают имя вашего приложения (`appName`) и ссылку, на которую перенаправляется кнопка «Узнать больше» в окне подключения (`learnMoreUrl`): ```tsx import { RainbowKitProvider } from '@rainbow-me/rainbowkit'; @@ -27,9 +27,9 @@ const App = () => { }; ``` -### Добавить описание +### Добавить отказ от ответственности -Вы можете предоставить свое собственное описание, которое будет отображаться в нижней части модального окна подключения. Свойство `disclaimer` в `appInfo` принимает `DisclaimerComponent` с аргументами `Text` и `Link`. Вы можете использовать это для создания своего собственного описания, которое наследует систему тем. Мы экспортируем тип `DisclaimerComponent` для пользователей TypeScript: +Вы можете предоставить свой собственный отказ от ответственности, который будет отображаться внизу окна подключения. Свойство `disclaimer` в `appInfo` принимает `DisclaimerComponent` с аргументами `Text` и `Link`. Вы можете использовать его для создания собственного отказа от ответственности, который наследует систему тем. Мы экспортируем тип `DisclaimerComponent` для пользователей TypeScript: ```tsx import { diff --git a/site/data/ru/docs/custom-avatars.mdx b/site/data/ru/docs/custom-avatars.mdx index 743111d73b..fec675bc20 100644 --- a/site/data/ru/docs/custom-avatars.mdx +++ b/site/data/ru/docs/custom-avatars.mdx @@ -1,11 +1,11 @@ --- -title: Пользовательские Аватары -description: Настройка аватара пользователя вашего приложения +title: Пользовательские аватары +description: Настройка аватара пользователя в вашем приложении --- -# Пользовательские Аватары +# Пользовательские аватары -## Настройка аватара пользователя вашего приложения +## Настройка аватара пользователя в вашем приложении По умолчанию мы предоставляем аватар для пользователей, если их изображение ENS не установлено, но вы можете настроить это, предоставив свой собственный компонент аватара. Вы можете импортировать тип `AvatarComponent`, если используете TypeScript: @@ -48,4 +48,4 @@ const App = () => { }; ``` -`AvatarComponent` переданный в prop `avatar` имеет следующие типы prop: `<{ address: string; ensImage?: string | null; size: number;}>` +`AvatarComponent`, передаваемый в проп `avatar`, имеет следующие типы пропов: `<{ address: string; ensImage?: string | null; size: number;}>` diff --git a/site/data/ru/docs/custom-chains.mdx b/site/data/ru/docs/custom-chains.mdx index 37ce52bff4..c386f65aef 100644 --- a/site/data/ru/docs/custom-chains.mdx +++ b/site/data/ru/docs/custom-chains.mdx @@ -7,7 +7,7 @@ description: Создайте пользовательскую цепь ## Создайте пользовательскую цепь -Вы можете использовать тип `Chain` для создания пользовательской цепи. Затем передайте это в `getDefaultConfig` или в [`createConfig`](https://wagmi.sh/core/api/createConfig#createconfig) от Wagmi. +Вы можете использовать тип `Chain` для создания пользовательской цепи. Затем, передайте это в `getDefaultConfig` или Wagmi's [`createConfig`](https://wagmi.sh/core/api/createConfig#createconfig). Например, вот как вы можете создать цепь Avalanche для [avax.network](https://avax.network). diff --git a/site/data/ru/docs/custom-theme.mdx b/site/data/ru/docs/custom-theme.mdx index f9462254a1..f3ef6e708e 100644 --- a/site/data/ru/docs/custom-theme.mdx +++ b/site/data/ru/docs/custom-theme.mdx @@ -7,11 +7,9 @@ description: Создание пользовательской темы ## Создание пользовательской темы -> Примечание: этот API является нестаабильным и скорее всего изменится -> в ближайшем будущем. Мы рекомендуем придерживаться [встроенных тем](/docs/theming) для -> сейчас. +> Примечание: АПИ находится в стадии разработки и может измениться в ближайшем будущем. Мы рекомендуем пока использовать [встроенные темы](/docs/theming). -Хотя встроенные темы предоставляют определенный уровень настройки, тип `Theme` предоставлен для помощи в определении вашей собственной пользовательской темы с низкоуровневым доступом к базовым переменным темы. +Хотя встроенные темы обеспечивают некоторый уровень настройки, тип `Theme` предоставляется, чтобы помочь вам определить свои собственные пользовательские темы с более низким уровнем доступа к основным переменным темы. ```tsx import { RainbowKitProvider, Theme } from '@rainbow-me/rainbowkit'; @@ -81,15 +79,15 @@ const App = () => ( ### Расширение встроенной темы -Вы можете расширить встроенную тему без необходимости заново определять всю тему. Это полезно, когда вы хотите переопределить только определенные токены темы. +Вы можете расширить встроенную тему, не переопределяя всю тему. Это полезно, когда вы хотите изменить только определенные токены темы. -Чтобы сделать это, установите `lodash.merge` (или эквивалент): +Для этого установите `lodash.merge` (или аналогичный пакет): ```bash npm install lodash.merge ``` -Импортируйте его, вместе с темой, которую вы хотите расширить (например: `darkTheme`) и типом `Theme` TypeScript: +Импортируйте его вместе с темой, которую хотите расширить (например, `darkTheme`) и типом TypeScript `Theme`: ```tsx import merge from 'lodash.merge'; @@ -100,7 +98,7 @@ import { } from '@rainbow-me/rainbowkit'; ``` -Затем объедините встроенную тему с токенами темы, которые вы хотели бы переопределить. В этом примере я переопределяю токен `accentColor`, чтобы он соответствовал акцентному цвету моего бренда. +Затем объедините встроенную тему с токенами, которые вы хотите переопределить. В этом примере я переопределяю токен `accentColor`, чтобы он соответствовал акцентному цвету моего бренда. ```tsx const myTheme = merge(darkTheme(), { @@ -110,7 +108,7 @@ const myTheme = merge(darkTheme(), { } as Theme); ``` -Наконец, вы теперь можете передать свою пользовательскую тему в свойство `theme` объекта `RainbowKitProvider`. +Наконец, вы можете передать вашу пользовательскую тему свойству `theme` провайдера `RainbowKitProvider`. ```tsx const App = () => { @@ -122,16 +120,16 @@ const App = () => { }; ``` -### Создание пользовательских селекторов темы +### Создание селекторов пользовательских тем -Если ваше приложение рендерится на сервере/статически, и позволяет пользователям вручную переключать темы, система тем RainbowKit может быть подключена к пользовательским CSS селекторам с помощью следующих функций, которые можно использовать с любой системой CSS-in-JS: +Если ваше приложение рендерится на сервере/статично и позволяет пользователям вручную переключаться между темами, система тем RainbowKit может быть подключена к пользовательским селекторам CSS с помощью следующих функций, которые могут быть использованы с любой системой CSS-in-JS: - `cssStringFromTheme` - `cssObjectFromTheme` Эти функции возвращают CSS, который устанавливает все необходимые переменные темы. Поскольку поддерживаются как строки, так и объекты, это можно интегрировать с любой системой CSS-in-JS. -В качестве простого примера, вы можете отрисовать свой собственный элемент `style` с пользовательскими селекторами для каждой темы. Поскольку мы контролируем отрисовку CSS темы, мы передаем `null` в свойство `theme`, чтобы RainbowKitProvider не отрисовывал для нас никаких стилей. Также обратите внимание на использование опции extends в функции cssStringFromTheme, которая пропускает любые переменные темы, которые совпадают с базовой темой. +В качестве основного примера вы можете отрисовать собственный элемент `style` с пользовательскими селекторами для каждой темы. Поскольку мы контролируем рендеринг CSS темы, мы передаем `null` свойству `theme`, чтобы RainbowKitProvider не рендерил никаких стилей для нас. Также обратите внимание на использование опции extends в функции cssStringFromTheme, которая исключает любые переменные темы, которые такие же, как в базовой теме. ```tsx import { diff --git a/site/data/ru/docs/custom-wallet-list.mdx b/site/data/ru/docs/custom-wallet-list.mdx index 53e0989d13..599d882100 100644 --- a/site/data/ru/docs/custom-wallet-list.mdx +++ b/site/data/ru/docs/custom-wallet-list.mdx @@ -76,19 +76,19 @@ const App = () => ( import { walletConnectWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -##### Инжектированный Кошелек +##### Injected Wallet -Это вариант кошелька для использования в качестве запасного, предназначенный для сценариев, когда `window.ethereum` существует, но не был предоставлен другим кошельком из списка. Этот кошелек будет автоматически скрываться из списка, когда использование запасного не требуется или если инжектированный кошелек недоступен. +Это резервный вариант кошелька, предназначенный для сценариев, когда `window.ethereum` существует, но не был предоставлен другим кошельком из списка. Этот кошелек автоматически скрывается из списка, когда резервное использование не требуется или если отсутствует внедренный кошелек. -**Рекомендуется всегда включать этот кошелек в список, чтобы обеспечить поддержку всех инжектированных кошельков.** +**Рекомендуется всегда включать этот кошелек в список, чтобы обеспечить поддержку всех внедренных кошельков.** ```tsx import { injectedWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -##### Безопасный кошелек +##### Safe Wallet -Для dApps, поддерживающих Safe Apps, чтобы позволить пользователям легко подключаться к их Safe хранилищу или мультиподписи, включите опцию `safeWallet` для автоматических подключений. Опция Safe будет отображаться только в браузерной среде Safe Wallet. +Для dApps, которые поддерживают Safe Apps, чтобы позволить пользователям легко подключаться к своему сейфу или мультиподписи, включите опцию `safeWallet` для автоматических подключений. Опция Safe будет отображаться только в среде браузера Safe Wallet. ```tsx import { safeWallet } from '@rainbow-me/rainbowkit/wallets'; @@ -98,19 +98,31 @@ import { safeWallet } from '@rainbow-me/rainbowkit/wallets'; Следующие кошельки предоставляются через объект `wallet` (в алфавитном порядке). +#### 1inch Wallet + +```tsx +import { oneInchWallet } from '@rainbow-me/rainbowkit/wallets'; +``` + #### Argent ```tsx import { argentWallet } from '@rainbow-me/rainbowkit/wallets'; ``` +#### Binance Web3 Wallet + +```tsx +import { binanceWallet } from '@rainbow-me/rainbowkit/wallets'; +``` + #### Bitget ```tsx import { bitgetWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Кошелек Bifrost +#### Bifrost Wallet ```tsx import { bifrostWallet } from '@rainbow-me/rainbowkit/wallets'; @@ -128,39 +140,33 @@ import { bitskiWallet } from '@rainbow-me/rainbowkit/wallets'; import { bitverseWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Bloom кошелек +#### Bloom Wallet ```tsx import { bloomWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Bybit кошелек - -```tsx -import { bybitWallet } from '@rainbow-me/rainbowkit/wallets'; -``` - -#### Кошелек Brave +#### Brave Wallet ```tsx import { braveWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Binance Web3 Кошелек +#### Bybit Wallet ```tsx -import { binanceWallet } from '@rainbow-me/rainbowkit/wallets'; +import { bybitWallet } from '@rainbow-me/rainbowkit/wallets'; ``` #### Coinbase -Этот коннектор кошелька поддерживает как приложение Coinbase Wallet, так и расширение, а также умный кошелек Coinbase на веб-платформе. +Этот коннектор кошелька поддерживает как приложение Coinbase Wallet, так и расширение, а также Coinbase Smart Wallet в вебе. -Аргумент `preference` доступен для управления тем, включен ли и доступен ли умный кошелек для пользователей. Поведение на основе предпочтений документировано [здесь](https://www.smartwallet.dev/sdk/makeWeb3Provider#parameters). +Доступен аргумент `preference` для управления тем, включен ли Smart Wallet и доступен ли для пользователей. Поведение на основе предпочтений задокументировано [здесь](https://www.smartwallet.dev/sdk/makeWeb3Provider#parameters). -Умный кошелек будет включен по умолчанию с `all` в начале июня, без дальнейших обновлений. +Smart Wallet будет включен по умолчанию с `all` в начале июня, без дальнейшего обновления. -Разработчики могут протестировать умный кошелек с цепями `sepolia` и `baseSepolia` уже сегодня, установив `smartWalletOnly` и включив `coinbaseWallet` в список своих кошельков так: +Разработчики могут протестировать Smart Wallet с цепочками `sepolia` и `baseSepolia` уже сегодня, установив `smartWalletOnly` и включив `coinbaseWallet` в свой список кошельков следующим образом: ```tsx import { coinbaseWallet } from '@rainbow-me/rainbowkit/wallets'; @@ -169,16 +175,16 @@ import { coinbaseWallet } from '@rainbow-me/rainbowkit/wallets'; coinbaseWallet.preference = 'smartWalletOnly'; ``` -#### Compass Wallet +#### Coin98 Wallet ```tsx -import { compassWallet } from '@rainbow-me/rainbowkit/compassWallet'; +import { coin98Wallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Coin98 Wallet +#### Compass Wallet ```tsx -import { coin98Wallet } from '@rainbow-me/rainbowkit/wallets'; +import { compassWallet } from '@rainbow-me/rainbowkit/compassWallet'; ``` #### Core @@ -217,22 +223,34 @@ import { frameWallet } from '@rainbow-me/rainbowkit/wallets'; import { frontierWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Gate кошелек +#### Gate Wallet ```tsx import { gateWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Ledger Live +#### imToken ```tsx -import { ledgerWallet } from '@rainbow-me/rainbowkit/wallets'; +import { imTokenWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### imToken +#### ioPay Wallet ```tsx -import { imTokenWallet } from '@rainbow-me/rainbowkit/wallets'; +import { iopayWallet } from '@rainbow-me/rainbowkit/wallets'; +``` + +#### Kaia Wallet + +```tsx +import { kaiaWallet } from '@rainbow-me/rainbowkit/wallets'; +``` + +#### Kaikas + +```tsx +import { kaikasWallet } from '@rainbow-me/rainbowkit/wallets'; ``` #### Kraken Wallet @@ -241,34 +259,34 @@ import { imTokenWallet } from '@rainbow-me/rainbowkit/wallets'; import { krakenWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Kresus кошелек +#### Kresus Wallet ```tsx import { kresusWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Kaikas +#### Ledger Live ```tsx -import { kaikasWallet } from '@rainbow-me/rainbowkit/wallets'; +import { ledgerWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Кошелек Magic Eden +#### Magic Eden Wallet ```tsx import { magicEdenWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### MetaMask +#### MEW Wallet ```tsx -import { metaMaskWallet } from '@rainbow-me/rainbowkit/wallets'; +import { mewWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### MEW Wallet +#### MetaMask ```tsx -import { mewWallet } from '@rainbow-me/rainbowkit/wallets'; +import { metaMaskWallet } from '@rainbow-me/rainbowkit/wallets'; ``` #### OKX Wallet @@ -283,12 +301,6 @@ import { okxWallet } from '@rainbow-me/rainbowkit/wallets'; import { omniWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### 1inch кошелек - -```tsx -import { oneInchWallet } from '@rainbow-me/rainbowkit/wallets'; -``` - #### OneKey ```tsx @@ -313,13 +325,13 @@ import { rabbyWallet } from '@rainbow-me/rainbowkit/wallets'; import { rainbowWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Ramper кошелек +#### Ramper Wallet ```tsx import { ramperWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Ronin кошелек +#### Ronin Wallet ```tsx import { roninWallet } from '@rainbow-me/rainbowkit/wallets'; diff --git a/site/data/ru/docs/custom-wallets.mdx b/site/data/ru/docs/custom-wallets.mdx index 363e436f0b..027de2b13b 100644 --- a/site/data/ru/docs/custom-wallets.mdx +++ b/site/data/ru/docs/custom-wallets.mdx @@ -7,9 +7,9 @@ description: Создать пользовательский кошелек ## Создать пользовательский кошелек -> Примечание: АПИ находится в стадии разработки и может измениться в ближайшем будущем. Со временем мы добавим больше встроенных кошельков. [Сообщите нам](https://github.com/rainbow-me/rainbowkit/issues) если есть конкретные кошельки, которые вас интересуют. +> Примечание: АПИ находится в стадии разработки и может измениться в ближайшем будущем. Со временем мы добавим больше встроенных кошельков. [Сообщите нам](https://github.com/rainbow-me/rainbowkit/issues), если есть конкретные кошельки, которые вас интересуют. -Тип функции `Wallet` предоставляется для помощи в определении ваших собственных пользовательских кошельков. Следующие свойства могут быть настроены в возвращаемом значении вашей функции `Wallet` : +Тип функции `Wallet` предоставляется для помощи в определении ваших собственных пользовательских кошельков. Следующие свойства могут быть настроены в возвращаемом значении вашей функции `Wallet`: ### Свойства Кошелька diff --git a/site/data/ru/docs/installation.mdx b/site/data/ru/docs/installation.mdx index b229ea160c..c9af160927 100644 --- a/site/data/ru/docs/installation.mdx +++ b/site/data/ru/docs/installation.mdx @@ -33,7 +33,7 @@ npm install @rainbow-me/rainbowkit wagmi viem@2.x @tanstack/react-query > Примечание: RainbowKit - это библиотека [React](https://reactjs.org/). -#### Импортировать +#### Импорт Импортируйте RainbowKit, Wagmi и TanStack Query. @@ -116,7 +116,7 @@ RainbowKit теперь будет обрабатывать выбор коше ##### Remix -При использовании [Remix](https://remix.run) необходимо выполнить полифиллинг модулей `buffer`, `events` и `http`. Используйте приведенную ниже конфигурацию Remix или [наш пример проекта Remix](https://github.com/rainbow-me/rainbowkit/blob/main/examples/with-remix). +При использовании [Remix](https://remix.run) вам необходимо выполнить полифилы для модулей `buffer`, `events` и `http`. Используйте конфигурацию Remix ниже или [наш пример проекта Remix](https://github.com/rainbow-me/rainbowkit/blob/main/examples/with-remix). ```ts /** @type {import('@remix-run/dev').AppConfig} */ @@ -130,11 +130,11 @@ export default { ### Подготовка к развертыванию -По умолчанию ваше dApp использует публичные RPC-провайдеры для каждой цепочки, чтобы получать балансы, разрешать ENS-имена и многое другое. Это часто может вызывать проблемы с надежностью для ваших пользователей, так как публичные узлы имеют ограничение по частоте запросов. Вместо этого вы должны приобрести доступ к RPC-провайдеру через такие сервисы, как [Alchemy](https://www.alchemy.com/) или [QuickNode](https://www.quicknode.com/), и определить свои Transports в Wagmi. Это можно сделать, добавив параметр `transports` в `getDefaultConfig` или напрямую через `createConfig` Wagmi. +По умолчанию ваше dApp использует публичных RPC провайдеров для каждой цепочки, чтобы получать балансы, разрешать имена ENS и многое другое. Это часто может вызывать проблемы с надежностью для ваших пользователей, так как публичные узлы имеют ограничения на скорость. Вместо этого следует приобрести доступ к RPC провайдеру через такие сервисы, как [Alchemy](https://www.alchemy.com/) или [QuickNode](https://www.quicknode.com/), и определить свои собственные Transports в Wagmi. Добавить параметр `transports` в `getDefaultConfig` или непосредственно через Wagmi `createConfig`. -Transport - это сетевой промежуточный слой, который обрабатывает отправку JSON-RPC запросов к провайдеру узла Ethereum (такому как Alchemy, Infura и т.д.). +Транспорт — это промежуточный сетевой слой, который обрабатывает отправку JSON-RPC запросов к провайдеру узла Ethereum (таким как Alchemy, Infura и т.д.). -**Пример с `http` transport** +**Пример с `http` транспортом** ```tsx import { getDefaultConfig } from '@rainbow-me/rainbowkit'; @@ -152,7 +152,7 @@ const config = getDefaultConfig({ }); ``` -Для получения более подробной информации просмотрите [документацию wagmi по transports](https://wagmi.sh/core/api/transports#transports). +Для получения более подробной информации просмотрите [документацию wagmi по транспорту](https://wagmi.sh/core/api/transports#transports). ### Добавьте свою функциональность diff --git a/site/data/ru/docs/introduction.mdx b/site/data/ru/docs/introduction.mdx index 483809971e..5cfb7548c4 100644 --- a/site/data/ru/docs/introduction.mdx +++ b/site/data/ru/docs/introduction.mdx @@ -17,7 +17,7 @@ RainbowKit - это библиотека [React](https://reactjs.org/), кото Готовое управление кошельком для вашего dapp. Помимо обработки подключения и отключения кошельков, RainbowKit поддерживает множество кошельков, свопы соединений цепей, решает адрес до ENS, отображает баланс и многое другое! -#### Настроиваемый +#### Настраиваемый Вы можете настроить UI RainbowKit, чтобы он соответствовал вашему бренду. Вы можете выбрать из нескольких предопределенных акцентов и конфигураций радиуса границы. Для более сложных случаев использования вы можете предоставить полностью настраиваемую тему, отрисовать свою кнопку и отказаться от некоторых функций. Включен темный режим. diff --git a/site/data/ru/docs/localization.mdx b/site/data/ru/docs/localization.mdx index 94c3a05fb1..2c4405da13 100644 --- a/site/data/ru/docs/localization.mdx +++ b/site/data/ru/docs/localization.mdx @@ -56,7 +56,7 @@ export const App = () => { Вы можете обратиться к примеру для роутера Pages [here](https://github.com/rainbow-me/rainbowkit/tree/main/examples/with-next). -App Router еще не поддерживает i18n. Ознакомьтесь с нашим отдельным примером [here](https://github.com/rainbow-me/rainbowkit/tree/main/examples/with-next-app-i18n) для лучших практик внедрения с промежуточным ПО [`next-intl`](https://github.com/amannn/next-intl). +App Router еще не поддерживает i18n. Ознакомьтесь с нашим отдельным примером [здесь](https://github.com/rainbow-me/rainbowkit/tree/main/examples/with-next-app-i18n) для лучших практик внедрения с промежуточным ПО [`next-intl`](https://github.com/amannn/next-intl). Рекомендуется использовать те же технологии для перевода контента вашего dApp для полной поддержки локализации. Библиотеки локализации, такие как [`i18n-js`](https://github.com/fnando/i18n) и [`next-intl`](https://github.com/amannn/next-intl), и инструменты управления, такие как Crowdin, упростят этот процесс. @@ -66,26 +66,28 @@ App Router еще не поддерживает i18n. Ознакомьтесь
diff --git a/site/data/ru/docs/migration-guide.mdx b/site/data/ru/docs/migration-guide.mdx index ab0294213f..71dda9fb16 100644 --- a/site/data/ru/docs/migration-guide.mdx +++ b/site/data/ru/docs/migration-guide.mdx @@ -106,7 +106,7 @@ npm i @tanstack/react-query Разработчики по-прежнему имеют полный контроль над Списком пользовательских кошельков, чтобы акцентировать внимание на предпочтительных кошельках для конечных пользователей. Рекомендуется продолжать включать `injectedWallet` и `walletConnectWallet` в ваш список для поддержки всех платформ. -\*\*2. Конфигурация Wagmi с getDefaultConfig\*\* +**2. Конфигурация Wagmi с getDefaultConfig** Этот новый API упрощает процесс настройки и заменяет необходимость прямого использования `createConfig` от Wagmi. Конфигурация сети стала проще, включая автоматическое определение публичных провайдеров для `transports`. @@ -215,7 +215,7 @@ const config = getDefaultConfig({ npm i @rainbow-me/rainbowkit@^1 wagmi@^1 ``` -\*\*2. Установите зависимость второго уровня `viem`\*\* +**2. Установите зависимость второго уровня `viem`** `wagmi v1` требует зависимость второго уровня `viem`. Установите его следующей командой: @@ -233,13 +233,13 @@ npm i viem Дополнительные руководства по фреймворку для Vite и Remix доступны [here](https://www.rainbowkit.com/docs/installation#additional-build-tooling-setup). -**4. Проверьте наличие обратно несовместимых изменений в `wagmi`** +**4. Проверьте наличие критических изменений в `wagmi`** Если вы используете хуки `wagmi` в вашем приложении, вам нужно будет следовать руководству по миграции `wagmi` к v1. [Вы можете посмотреть их руководство по миграции здесь](https://wagmi.sh/react/migration-guide). -### Обратно несовместимые изменения 0.12.x +### 0.12.x Критические изменения Версия wagmi для одноранговых зависимостей была обновлена до `0.12.x`. @@ -251,7 +251,7 @@ RainbowKit принял коннектор `WalletConnectLegacyConnector` в `wa Следуйте шагам ниже для миграции. -#### 1. Обновите RainbowKit и `wagmi` до последней версии +#### 1. Обновите RainbowKit и `wagmi` до их последней версии ```bash npm i @rainbow-me/rainbowkit@^0.12.0 wagmi@^0.12.0 @@ -285,13 +285,13 @@ const connectors = connectorsForWallets([ ]); ``` -### Критические изменения версии 0.11.x +### 0.11.x Критические изменения Зависимость wagmi была обновлена до `0.11.x`. Следуйте шагам ниже для миграции. -#### 1. Обновите RainbowKit и `wagmi` до последней версии +#### 1. Обновите RainbowKit и `wagmi` до их последней версии ```bash npm i @rainbow-me/rainbowkit@^0.11.0 wagmi@^0.11.0 @@ -303,13 +303,13 @@ npm i @rainbow-me/rainbowkit@^0.11.0 wagmi@^0.11.0 [Здесь вы можете увидеть их руководство по миграции](https://wagmi.sh/react/migration-guide#011x-breaking-changes). -### Критические изменения версии 0.10.x +### 0.10.x Критические изменения Зависимость wagmi была обновлена до `0.10.x`. Следуйте шагам ниже для миграции. -#### 1. Обновите RainbowKit и `wagmi` до последней версии +#### 1. Обновите RainbowKit и `wagmi` до их последней версии ```bash npm i @rainbow-me/rainbowkit@^0.10.0 wagmi@^0.10.0 @@ -319,7 +319,7 @@ npm i @rainbow-me/rainbowkit@^0.10.0 wagmi@^0.10.0 Если вы используете хуки `wagmi` в своем приложении, вам потребуется проверить, затронули ли критические изменения в `wagmi` ваше приложение. -[Вы можете увидеть их руководство по миграции здесь](https://wagmi.sh/react/migration-guide#010x-breaking-changes). +[Здесь вы можете увидеть их руководство по миграции](https://wagmi.sh/react/migration-guide#010x-breaking-changes). ### 0.9.x Критические изменения @@ -327,7 +327,7 @@ npm i @rainbow-me/rainbowkit@^0.10.0 wagmi@^0.10.0 Следуйте шагам ниже для миграции. -#### 1. Обновите RainbowKit и `wagmi` до последней версии +#### 1. Обновите RainbowKit и `wagmi` до их последней версии ```bash npm i @rainbow-me/rainbowkit@^0.9.0 wagmi@^0.9.0 @@ -337,15 +337,15 @@ npm i @rainbow-me/rainbowkit@^0.9.0 wagmi@^0.9.0 Если вы используете хуки `wagmi` в своем приложении, вам потребуется проверить, затронули ли критические изменения в `wagmi` ваше приложение. -[Вы можете просмотреть их руководство по миграции здесь](https://wagmi.sh/react/migration-guide#09x-breaking-changes). +[Здесь вы можете увидеть их руководство по миграции](https://wagmi.sh/react/migration-guide#09x-breaking-changes). -### Обратно несовместимые изменения 0.8.x +### 0.8.x Критические изменения -Версия wagmi для пиров была обновлена до `0.8.x`. +Версия wagmi для одноранговых зависимостей была обновлена до `0.8.x`. Следуйте шагам ниже для миграции. -#### 1. Обновите RainbowKit и `wagmi` до последней версии +#### 1. Обновите RainbowKit и `wagmi` до их последней версии ```bash npm i @rainbow-me/rainbowkit@^0.8.0 wagmi@^0.8.0 @@ -355,9 +355,9 @@ npm i @rainbow-me/rainbowkit@^0.8.0 wagmi@^0.8.0 Если вы используете хуки `wagmi` в своем приложении, вам потребуется проверить, затронули ли критические изменения в `wagmi` ваше приложение. -[Вы можете ознакомиться с руководством по миграции здесь](https://wagmi.sh/react/migration-guide#08x-breaking-changes). +[Здесь вы можете увидеть их руководство по миграции](https://wagmi.sh/react/migration-guide#08x-breaking-changes). -### 0.7.x Внесение изменений +### 0.7.x Критические изменения Если вы создаете пользовательский список кошельков, теперь вам необходимо импортировать каждый кошелек индивидуально, чтобы уменьшить размер пакета. Обратите внимание, что поскольку кошельки больше не запоминаются с помощью объекта `wallet`, все кошельки теперь имеют суффикс `Wallet`. @@ -398,7 +398,7 @@ const wallets = [ ]; ``` -### 0.4.x Внесение изменений +### 0.4.x Критические изменения RainbowKit обновил зависимость уровня `wagmi` до `0.5.x`. @@ -416,9 +416,9 @@ npm i @rainbow-me/rainbowkit@^0.4.0 wagmi@^0.5.0 Если вы используете хуки `wagmi` в своем приложении, вам потребуется проверить, затронули ли критические изменения в `wagmi` ваше приложение. -[Здесь вы можете просмотреть руководство по миграции](https://wagmi.sh/react/migration-guide#05x-breaking-changes). +[Вы можете посмотреть их руководство по миграции здесь](https://wagmi.sh/react/migration-guide#05x-breaking-changes). -### 0.3.x обратно несовместимые изменения +### 0.3.x Критические изменения Удален параметр `chainId` из `createConnector` в типе `Wallet`. @@ -478,7 +478,7 @@ const connectors = connectorsForWallets([ ]); ``` -### Изменения, нарушающие совместимость с 0.2.x +### 0.2.x Критические изменения RainbowKit обновил пир-зависимость `wagmi` до `^0.4`. diff --git a/site/data/ru/docs/modal-hooks.mdx b/site/data/ru/docs/modal-hooks.mdx index 4de90cc110..65c6536820 100644 --- a/site/data/ru/docs/modal-hooks.mdx +++ b/site/data/ru/docs/modal-hooks.mdx @@ -7,7 +7,7 @@ description: Программное открытие модальных окон ## Программное открытие модальных окон через Хуки -Следующие хуки предоставлены для программного открытия модальных окон в любом месте вашего приложения. +Следующие хуки предоставляются для того, чтобы позволить программно открывать модальные окна в любом месте вашего приложения. - `useConnectModal` - `useAccountModal` @@ -51,7 +51,7 @@ export const YourApp = () => { }; ``` -Каждый хук также возвращает булево значение для статуса модального окна. Обычно рекомендуется полагаться только на хуки Wagmi (т.е. `useAccount`) для реагирования на статус подключения кошелька пользователя, а не на состояние модального окна подключения. +Каждый хук также возвращает boolean для статуса модального окна. Обычно рекомендуется полагаться исключительно на хуки Wagmi (например, `useAccount`), чтобы реагировать непосредственно на состояние подключения кошелька пользователя, а не на состояние подключения модального окна. ```tsx const { connectModalOpen } = useConnectModal(); @@ -59,6 +59,6 @@ const { accountModalOpen } = useAccountModal(); const { chainModalOpen } = useChainModal(); ``` -RainbowKit разработан так, чтобы быть неинтерактивным и отзывчивым, поэтому dApps всегда должны отображать интерфейс для пользователей, подключили они свой кошелек или нет. Пользователь может подключать или отключать свой кошелек напрямую из MetaMask, поэтому dApp должен отвечать на прямое состояние подключения. +RainbowKit разработан так, чтобы не прерывать работу и быть отзывчивым, поэтому dApps всегда должны отображать интерфейс для пользователей, независимо от того, подключили ли они свой кошелек. Пользователь может подключить или отключить свой кошелек напрямую через MetaMask, поэтому dApp должен быть отзывчивым непосредственно к состоянию подключения. -dApps, которые полагаются на механизмы вроде Вход с помощью Ethereum для проверки пользователя, вместо этого должны полагаться на функцию [Authentication](/docs/authentication). +dApps, которые полагаются на такие механизмы, как Вход через Ethereum для проверки пользователя, должны вместо этого полагаться на функцию [Аутентификации](/docs/authentication). diff --git a/site/data/ru/docs/modal-sizes.mdx b/site/data/ru/docs/modal-sizes.mdx index 6e8ca8e2f6..c7fe9c5f29 100644 --- a/site/data/ru/docs/modal-sizes.mdx +++ b/site/data/ru/docs/modal-sizes.mdx @@ -1,21 +1,21 @@ --- title: Размеры Модального Окна -description: Широкий против Компактного +description: Широкий vs. Компактный --- # Размеры Модального Окна -## Широкий против Компактного размера +## Широкий vs. Компактный размер -По умолчанию размер `modalSize` в RainbowKit установлен как `wide` (и выглядит так): +По умолчанию, `modalSize` в RainbowKit установлен в значение `wide` (и выглядит это так): -Мы также предоставляем компактный размер модального окна `compact`, который выглядит так: +Также мы предоставляем компактный размер модального окна, который выглядит так: -Чтобы установить размер вашего модального окна как `compact`, просто добавьте `modalSize="compact"` в качестве prop в вашем `RainbowKitProvider`: +Чтобы установить компактный размер модального окна, просто добавьте `modalSize="compact"` в качестве пропа в ваш `RainbowKitProvider`: ```tsx import { RainbowKitProvider } from '@rainbow-me/rainbowkit'; diff --git a/site/data/ru/docs/recent-transactions.mdx b/site/data/ru/docs/recent-transactions.mdx index 89a2be2a73..9a1d4bc485 100644 --- a/site/data/ru/docs/recent-transactions.mdx +++ b/site/data/ru/docs/recent-transactions.mdx @@ -7,11 +7,11 @@ description: Показать ваши недавние транзакции ## Показать ваши недавние транзакции -Вы можете выбрать отображение недавних транзакций в модальном окне учетной записи RainbowKit. Обратите внимание, что все транзакции хранятся в локальном хранилище и должны быть вручную зарегистрированы в RainbowKit для отображения. +Вы можете включить отображение недавних транзакций в модальном окне учетной записи RainbowKit. Обратите внимание, что все транзакции сохраняются в локальном хранилище и должны быть вручную зарегистрированы в RainbowKit для отображения. -Стандартная реализация `ConnectButton` также будет отображать индикатор загрузки вокруг аватара пользователя, если есть какие-либо ожидающие транзакции. Пользовательские реализации `ConnectButton` могут воссоздать это поведение через свойство `account.hasPendingTransactions`, которое передается в функцию рендеринга. +Стандартная реализация `ConnectButton` также будет отображать индикатор загрузки вокруг аватара пользователя при наличии ожидающих транзакций. Пользовательские реализации `ConnectButton` могут воссоздать это поведение через свойство `account.hasPendingTransactions`, которое передается в вашу функцию рендеринга. -Чтобы использовать эту функцию, сначала включите опцию `showRecentTransactions` на `RainbowKitProvider`. +Чтобы использовать эту функцию, сначала включите опцию `showRecentTransactions` в `RainbowKitProvider`. ```tsx import { RainbowKitProvider } from '@rainbow-me/rainbowkit'; @@ -25,7 +25,7 @@ const App = () => { }; ``` -Затем транзакции можно зарегистрировать в RainbowKit с помощью хука `useAddRecentTransaction`. +Транзакции затем могут быть зарегистрированы с помощью хука `useAddRecentTransaction`. ```tsx import { useAddRecentTransaction } from '@rainbow-me/rainbowkit'; @@ -48,9 +48,9 @@ export default () => { }; ``` -Как только транзакция зарегистрирована в RainbowKit, ее статус будет обновлен после завершения. +После того как транзакция зарегистрирована в RainbowKit, ее статус будет обновлен после завершения. -По умолчанию транзакция будет считаться завершенной, как только будет добыт один блок поверх блока, в котором была добыта транзакция, но это можно настроить, указав пользовательское значение `confirmations`. +По умолчанию транзакция будет считаться завершенной после добычи одного блока поверх блока, в котором она была проведена, но это можно настроить, указав значение `confirmations`. ```tsx import { useAddRecentTransaction } from '@rainbow-me/rainbowkit'; diff --git a/site/data/ru/docs/theming.mdx b/site/data/ru/docs/theming.mdx index d7d8b8c730..484c644947 100644 --- a/site/data/ru/docs/theming.mdx +++ b/site/data/ru/docs/theming.mdx @@ -1,9 +1,9 @@ --- -title: Тематизация +title: Тема description: Использование и настройка тем --- -# Тематизация +# Тема ## Использование и настройка тем @@ -260,7 +260,7 @@ const App = () => { #### Стек шрифтов -По умолчанию `fontStack` установлен в значение `rounded`. Но вот как вы можете использовать настройку `fontStack`. +По умолчанию,`fontStack` установлен в значение `rounded`. Но вот как вы можете использовать настройку `fontStack`. Установите набор шрифтов на `system`. @@ -283,7 +283,7 @@ const App = () => { #### Размытие наложения -По умолчанию `overlayBlur` установлен в значение `none`. Но вот как вы можете использовать настройку `overlayBlur`. +По умолчанию, `overlayBlur` установлен в значение `none`. Но вот как вы можете использовать настройку `overlayBlur`. Установите размытие наложения на `small`. @@ -334,7 +334,7 @@ const App = () => { ``` - Используйте тему `midnightTheme` -- Установите акцентный цвет на встроенный набор `pink` +- Установите акцентный цвет на встроенный набор `pink`. - Установите радиус границы на `small` - Установите набор шрифтов на `system` diff --git a/site/data/ru/docs/wallet-button.mdx b/site/data/ru/docs/wallet-button.mdx index d002a466c7..9c0bdac0dd 100644 --- a/site/data/ru/docs/wallet-button.mdx +++ b/site/data/ru/docs/wallet-button.mdx @@ -1,13 +1,13 @@ --- title: КнопкаПортмонетка -description: Использование и настройка КнопкаПортмонетка +description: Использование и настройка КнопкиПортмонетка --- # КнопкаПортмонетка -> Примечание: В настоящее время `WalletButton` использует стандарт кошелька EIP-1193, но в ближайшем будущем будет поддерживать EIP-6963. +> Примечание: В настоящее время `КнопкаПортмонетка` опирается на стандарт кошелька EIP-1193, но в ближайшем будущем будет поддерживать EIP-6963. -Новый компонент `КнопкаПортмонетка` помогает децентрализованным приложениям (dApps) с реализацией пользовательского списка кошельков принять RainbowKit и воспользоваться всеми его преимуществами без необходимости поддержки. +Новый компонент `КнопкаПортмонетка` помогает dApps с кастомными списками кошельков использовать RainbowKit и все его преимущества, не требующие обслуживания. ```tsx import { WalletButton } from '@rainbow-me/rainbowkit'; @@ -17,7 +17,7 @@ import { WalletButton } from '@rainbow-me/rainbowkit'; ``` -Подобно компоненту `КнопкаПодключить`, компонент `КнопкаПортмонетка.Настраиваемая` предназначен для пользовательских реализаций и стилизации. +Как и `ConnectButton`, компонент `КнопкаПортмонетка.Custom` доступен для кастомных реализаций и стилизации. ```tsx @@ -35,10 +35,10 @@ import { WalletButton } from '@rainbow-me/rainbowkit'; ``` -Большинство dApps лучше всего использовать [ConnectButton](https://www.rainbowkit.com/docs/connect-button). Справка по `КнопкаПортмонетка` и ее применению: [here](https://www.rainbowkit.com/docs/wallet-button). +Большинство dApps лучше всего используют [ConnectButton](https://www.rainbowkit.com/docs/connect-button). Обратитесь к документации [здесь](https://www.rainbowkit.com/docs/wallet-button) для получения дополнительной информации о внедрении и использовании `КнопкаПортмонетка`. #### Демо -Нажмите на кнопки ниже, чтобы увидеть, как выглядит этот входной точк RainbowKit. +Нажмите на кнопки ниже, чтобы увидеть, как выглядит эта точка входа RainbowKit. diff --git a/site/data/ru/guides/rainbow-button.mdx b/site/data/ru/guides/rainbow-button.mdx index b332399aa5..b0d19356af 100644 --- a/site/data/ru/guides/rainbow-button.mdx +++ b/site/data/ru/guides/rainbow-button.mdx @@ -16,7 +16,7 @@ image: guide-rainbow-button.png npm install @rainbow-me/rainbow-button wagmi viem@2.x @tanstack/react-query ``` -\*\*2. Настройте с Wagmi и установите RainbowButton\*\* +**2. Настройте с Wagmi и установите RainbowButton** Передайте экземпляр `rainbowConnector` в `createConfig` Wagmi с `projectId` и `appName`, а затем оберните ваше приложение в `RainbowButtonProvider`. После этого добавьте компонент `RainbowButton`. diff --git a/site/data/ru/guides/rainbowkit-wagmi-v2.mdx b/site/data/ru/guides/rainbowkit-wagmi-v2.mdx index d1604392cb..d3860f2ae9 100644 --- a/site/data/ru/guides/rainbowkit-wagmi-v2.mdx +++ b/site/data/ru/guides/rainbowkit-wagmi-v2.mdx @@ -104,7 +104,7 @@ npm i @tanstack/react-query Разработчики по-прежнему имеют полный контроль над Списком пользовательских кошельков, чтобы акцентировать внимание на предпочтительных кошельках для конечных пользователей. Рекомендуется продолжать включать `injectedWallet` и `walletConnectWallet` в ваш список для поддержки всех платформ. -\*\*2. Конфигурация Wagmi с getDefaultConfig\*\* +**2. Конфигурация Wagmi с getDefaultConfig** Этот новый API упрощает процесс настройки и заменяет необходимость прямого использования `createConfig` от Wagmi. Конфигурация сети стала проще, включая автоматическое определение публичных провайдеров для `transports`. diff --git a/site/data/ru/guides/walletconnect-v2.mdx b/site/data/ru/guides/walletconnect-v2.mdx index 98a5c69c0e..6f83ef342d 100644 --- a/site/data/ru/guides/walletconnect-v2.mdx +++ b/site/data/ru/guides/walletconnect-v2.mdx @@ -34,7 +34,7 @@ npm i @rainbow-me/rainbowkit@^1.0.2 wagmi@^1.2 Рекомендуется, чтобы dApps версии `0.12.x` начали обновляться до wagmi v1, поскольку улучшения стабильности для WalletConnect v2 будут включены только в будущих версиях wagmi. -\*\*2. Предоставление projectId\*\* +**2. Предоставление projectId** Теперь каждому dApp, который зависит от WalletConnect, необходимо получить `projectId` от [WalletConnect Cloud](https://cloud.walletconnect.com/). Это абсолютно бесплатно и занимает всего несколько минут. @@ -65,7 +65,7 @@ RainbowKit является безопасным по типам и предуп - [Создать React приложение](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-create-react-app) - [Next.js](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-next) - [Маршрутизатор приложения Next.js](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-next-app) -- [Remix](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-remix) -- [Vite](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-vite) +- [с Remix](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-remix) +- [с Vite](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-vite) Обратитесь к [docs](https://www.rainbowkit.com/docs/custom-wallet-list#walletconnect) для дополнительных поддерживаемых опций. diff --git a/site/data/th/docs/authentication.mdx b/site/data/th/docs/authentication.mdx index fae2c4d9a7..3b094a1a77 100644 --- a/site/data/th/docs/authentication.mdx +++ b/site/data/th/docs/authentication.mdx @@ -7,7 +7,7 @@ description: การตรวจสอบตัวตนของผู้ใ ## การให้การเข้าถึงที่ผ่านการตรวจสอบตัวตนไปยังแอปพลิเคชันของคุณ -คุณสามารถเลือกที่จะบังคับให้ผู้ใช้ลงชื่อเข้าใช้ด้วยการส่งข้อความโดยใช้กระเป๋าเงินของพวกเขาระหว่างการเชื่อมต่อ ซึ่งจะพิสูจน์ว่าพวกเขาเป็นเจ้าของบัญชีที่เชื่อมต่อและให้คุณสร้างเซสชันผู้ใช้ที่ผ่านการตรวจสอบตัวตนด้วยการเข้าถึงแบบพิเศษไปยังแอปพลิเคชันของคุณ +คุณสามารถเลือกที่จะบังคับให้ผู้ใช้ลงชื่อเข้าใช้ด้วยการส่งข้อความโดยใช้กระเป๋าเงินของพวกเขาระหว่างการเชื่อมต่อ ซึ่งจะพิสูจน์ว่าพวกเขาเป็นเจ้าของบัญชีที่เชื่อมต่อและให้คุณสร้างเซสชันผู้ใช้ที่ผ่านการตรวจสอบตัวตนด้วยการเข้าถึงแบบพิเศษไปยังแอปพลิเคชันของคุณ. ทั้งนี้เป็นไปได้ที่จะ[รวมกับแบ็กเอนด์ที่กำหนดเองและรูปแบบข้อความ](/docs/custom-authentication) แต่ RainbowKit ให้การสนับสนุนระดับต้น ๆ สำหรับ [การเข้าสู่ระบบด้วย Ethereum](https://login.xyz) และ [NextAuth.js.](https://next-auth.js.org) @@ -27,7 +27,7 @@ npm install @rainbow-me/rainbowkit-siwe-next-auth siwe@^2 ethers@^5 #### ตั้งค่า provider -ในส่วนของคอมโพเนนต์ 'App' ของคุณ, ทำการ import `RainbowKitSiweNextAuthProvider`. +ในส่วนของคอมโพเนนต์ `App` ของคุณ, ทำการ import `RainbowKitSiweNextAuthProvider`. ```tsx import { RainbowKitSiweNextAuthProvider } from '@rainbow-me/rainbowkit-siwe-next-auth'; @@ -77,7 +77,7 @@ export default function App({ คุณสามารถปรับแต่ง[ตัวเลือกข้อความ SIWE](https://github.com/spruceid/siwe/blob/v1.1.6/packages/siwe/lib/client.ts#L29) โดยการส่งฟังก์ชันไปยัง prop `getSiweMessageOptions` บน `RainbowKitSiweNextAuthProvider`. -ฟังก์ชันนี้จะถูกเรียกเมื่อมีการสร้างข้อความใหม่ ฟังก์ชันนี้จะถูกเรียกเมื่อมีการสร้างข้อความใหม่ ฟังก์ชันนี้จะถูกเรียกเมื่อมีการสร้างข้อความใหม่ ตัวเลือกที่ส่งคืนจากฟังก์ชันนี้จะถูกผสานกับค่าเริ่มต้น ตัวเลือกที่ส่งคืนจากฟังก์ชันนี้จะถูกผสานกับค่าเริ่มต้น ฟังก์ชันนี้จะถูกเรียกเมื่อมีการสร้างข้อความใหม่ ฟังก์ชันนี้จะถูกเรียกเมื่อมีการสร้างข้อความใหม่ ตัวเลือกที่ส่งคืนจากฟังก์ชันนี้จะถูกผสานกับค่าเริ่มต้น ตัวเลือกที่ส่งคืนจากฟังก์ชันนี้จะถูกผสานกับค่าเริ่มต้น +ฟังก์ชันนี้จะถูกเรียกเมื่อมีการสร้างข้อความใหม่. ตัวเลือกที่ส่งคืนจากฟังก์ชันนี้จะถูกผสานกับค่าเริ่มต้น. ```tsx import { @@ -98,9 +98,9 @@ const getSiweMessageOptions: GetSiweMessageOptions = () => ({ #### เข้าถึงเซสชันด้านเซิร์ฟเวอร์ -คุณสามารถเข้าถึงโทเค็นเซสชันด้วยฟังก์ชัน `getToken` ของ NextAuth ที่นำเข้าจาก `next-auth/jwt` หากผู้ใช้รับรองความถูกต้องสำเร็จ 'sub' ของโทเค็นเซสชัน (ซึ่งเป็น "subject" ของโทเค็น หรือผู้ใช้) จะเป็นที่อยู่ของผู้ใช้ หากผู้ใช้รับรองความถูกต้องสำเร็จ 'sub' ของโทเค็นเซสชัน (ซึ่งเป็น "subject" ของโทเค็น หรือผู้ใช้) จะเป็นที่อยู่ของผู้ใช้ หากผู้ใช้รับรองความถูกต้องสำเร็จ 'sub' ของโทเค็นเซสชัน (ซึ่งเป็น "subject" ของโทเค็น หรือผู้ใช้) จะเป็นที่อยู่ของผู้ใช้ หากผู้ใช้รับรองความถูกต้องสำเร็จ 'sub' ของโทเค็นเซสชัน (ซึ่งเป็น "subject" ของโทเค็น หรือผู้ใช้) จะเป็นที่อยู่ของผู้ใช้ หากผู้ใช้รับรองความถูกต้องสำเร็จ 'sub' ของโทเค็นเซสชัน (ซึ่งเป็น "subject" ของโทเค็น หรือผู้ใช้) จะเป็นที่อยู่ของผู้ใช้ +คุณสามารถเข้าถึงโทเค็นเซสชันด้วยฟังก์ชัน `getToken` ของ NextAuth ที่นำเข้าจาก `next-auth/jwt`. หากผู้ใช้รับรองความถูกต้องสำเร็จ 'sub' ของโทเค็นเซสชัน (ซึ่งเป็น "subject" ของโทเค็น หรือผู้ใช้) จะเป็นที่อยู่ของผู้ใช้. -คุณยังสามารถส่งต่อวัตถุเซสชันที่ได้รับการแก้ไขจากเซิร์ฟเวอร์ผ่าน `getServerSideProps` ให้ NextAuth ไม่จำเป็นต้องแก้ไขอีกครั้งทางลูกค้า +คุณยังสามารถส่งต่อวัตถุเซสชันที่ได้รับการแก้ไขจากเซิร์ฟเวอร์ผ่าน `getServerSideProps` ให้ NextAuth ไม่จำเป็นต้องแก้ไขอีกครั้งทางลูกค้า. ตัวอย่างเช่น: diff --git a/site/data/th/docs/chains.mdx b/site/data/th/docs/chains.mdx index ca83aa0443..36aa3cf17d 100644 --- a/site/data/th/docs/chains.mdx +++ b/site/data/th/docs/chains.mdx @@ -1,17 +1,17 @@ --- -title: สร้อย -description: ปรับแต่งสร้อย +title: เชื่อมโยง +description: ปรับแต่งเชื่อมโยง --- -# สร้อย +# เชื่อมโยง -## ปรับแต่งสร้อย +## ปรับแต่งเชื่อมโยง -RainbowKit ถูกออกแบบมาเพื่อรวมกับ [object `chain` ของ wagmi](https://wagmi.sh/react/chains). ตรวจสอบรายการของสร้อยที่รองรับ [here](https://wagmi.sh/react/chains#supported-chains). +RainbowKit ถูกออกแบบมาเพื่อรวมกับ [object `chain` ของ wagmi](https://wagmi.sh/react/chains). ตรวจสอบรายการของสร้อยที่รองรับ [ที่นี่](https://wagmi.sh/react/chains#supported-chains). ### ปรับแต่งสร้อยเริ่มต้น -โดยค่าเริ่มต้น RainbowKit จะเชื่อมต่อกับเชนแรกที่ได้รับจาก Wagmi โดยค่าเริ่มต้น RainbowKit จะเชื่อมต่อกับเชนแรกที่ได้รับจาก Wagmi พฤติกรรมนี้สามารถปรับแต่งได้ผ่าน prop `initialChain` พฤติกรรมนี้สามารถปรับแต่งได้ผ่าน prop `initialChain` โดยค่าเริ่มต้น RainbowKit จะเชื่อมต่อกับเชนแรกที่ได้รับจาก Wagmi พฤติกรรมนี้สามารถปรับแต่งได้ผ่าน prop `initialChain` พฤติกรรมนี้สามารถปรับแต่งได้ผ่าน prop `initialChain` โดยค่าเริ่มต้น RainbowKit จะเชื่อมต่อกับเชนแรกที่ได้รับจาก Wagmi พฤติกรรมนี้สามารถปรับแต่งได้ผ่าน prop `initialChain` พฤติกรรมนี้สามารถปรับแต่งได้ผ่าน prop `initialChain` +โดยค่าเริ่มต้น RainbowKit จะเชื่อมต่อกับเชนแรกที่ได้รับจาก Wagmi โดยค่าเริ่มต้น RainbowKit จะเชื่อมต่อกับเชนแรกที่ได้รับจาก Wagmi พฤติกรรมนี้สามารถปรับแต่งได้ผ่าน prop `initialChain` สายเริ่มต้นสามารถกำหนดค่าได้โดยใช้ ID ของสาย @@ -25,11 +25,11 @@ RainbowKit ถูกออกแบบมาเพื่อรวมกับ [o ``` -### ข้อมูลเมตาเชนที่กำหนดเอง +### เมตาดาต้าโซ่ที่กำหนดเอง -มีไอคอนและพื้นหลังเชนหลายอันที่จัดเตรียมไว้ล่วงหน้า แต่คุณสามารถกำหนดแบบไอคอนและพื้นหลังสำหรับแต่ละเชนโดยใช้คุณสมบัติ `iconUrl` และ `iconBackground` +ไอคอนและพื้นหลังจำนวนมากมีให้โดยค่าเริ่มต้น แต่คุณสามารถปรับแต่งไอคอนและพื้นหลังสำหรับแต่ละโซ่โดยใช้คุณสมบัติ `iconUrl` และ `iconBackground` -ตัวอย่างโดยใช้ `getDefaultConfig` +ตัวอย่างที่ใช้ `getDefaultConfig` ```tsx import { mainnet, optimism } from 'wagmi/chains'; diff --git a/site/data/th/docs/connect-button.mdx b/site/data/th/docs/connect-button.mdx index af5cf708e0..7a72fd5cc3 100644 --- a/site/data/th/docs/connect-button.mdx +++ b/site/data/th/docs/connect-button.mdx @@ -7,7 +7,7 @@ description: การใช้และปรับแต่ง ConnectButton ## การใช้และปรับแต่ง ConnectButton -นี่คือหลักสำคัญ. มันมีความรับผิดชอบในการแสดงปุ่มเชื่อมต่อ/หักการเชื่อมต่อ รวมถึง UI สำหรับสลับเชื่อมโยง. +นี่คือส่วนประกอบหลัก มีหน้าที่ในการแสดงผลปุ่มเชื่อมต่อ/ยกเลิกการเชื่อมต่อ รวมถึง UI การสลับ chain ```tsx import { ConnectButton } from '@rainbow-me/rainbowkit'; @@ -17,11 +17,11 @@ export const YourApp = () => { }; ``` -> หมายเหตุ: ตรวจสอบให้แน่ใจว่าแอพของคุณมีการห่อผู้ให้บริการที่จำเป็น. [อ่านเพิ่มเติม](/docs/installation#wrap-providers). +> หมายเหตุ: ตรวจสอบให้แน่ใจว่าแอปของคุณถูกห่อด้วยผู้ให้บริการที่จำเป็น [อ่านเพิ่มเติม](/docs/installation#wrap-providers). -### Props +### พร็อพ -ปุ่ม `ConnectButton` จะเปิดให้คุณปรับแต่งลักษณะในหลายๆ รายการ รวมถึงการสลับการมองเห็นขององค์ประกอบต่างๆ. +องค์ประกอบ `ConnectButton` เผยพร็อพหลายตัวให้กำหนดลักษณะของมัน ซึ่งรวมถึงการแสดง/ซ่อนขององค์ประกอบต่างๆ { ]} /> -> หมายเหตุ: จุดช่วง `largeScreen` ในตัวจะเป็น `768px`. +> หมายเหตุ: ขนาดการแบ่งจอที่กำหนดในตัวของ `largeScreen` คือ `768px` ### ตัวอย่าง -#### ป้าย +#### ป้ายชื่อ -ใช้ prop `label` เพื่อกำหนดข้อความ `ConnectButton` ที่กำหนดเอง. +ใช้พร็อพ `label` เพื่อกำหนดข้อความ ConnectButton เอง ```tsx @@ -76,37 +76,37 @@ export const YourApp = () => { #### สถานะบัญชี -นี่คือวิธีที่แตกต่างกันหลายวิธีที่คุณสามารถใช้ `accountStatus` prop. +นี่คือบางวิธีที่คุณสามารถใช้พร็อพ `accountStatus` -แสดงเฉพาะอวาตาร์ของบัญชี. +แสดงเฉพาะอวตารของบัญชี ```tsx ``` -แสดงเฉพาะที่อยู่ของบัญชี. +แสดงเฉพาะที่อยู่ของบัญชี ```tsx ``` -#### สถานะของ Chain +#### สถานะ chain -นี่คือวิธีที่แตกต่างกันหลายวิธีที่คุณสามารถใช้ `chainStatus` prop. +นี่คือบางวิธีที่คุณสามารถใช้พร็อพ `chainStatus` -แสดงเฉพาะไอคอนของ chain ปัจจุบัน. +แสดงเฉพาะไอคอนของ chain ปัจจุบัน ```tsx ``` -แสดงเฉพาะชื่อของ chain ปัจจุบัน. +แสดงเฉพาะชื่อของ chain ปัจจุบัน ```tsx ``` -ซ่อนหน้าตาของ chain ทั้งหมด. +ซ่อน UI ของ chain ทั้งหมด ```tsx @@ -114,19 +114,19 @@ export const YourApp = () => { #### แสดงยอดเงิน -ใช้ `showBalance` prop เพื่อซ่อน/แสดงยอดเงิน. +ใช้พร็อพ `showBalance` เพื่อซ่อน/แสดงยอดเงิน -ซ่อนยอดเงิน. +ซ่อนยอดเงิน ```tsx ``` -#### Responsiveness +#### การตอบสนอง -props นี้สามารถกำหนดได้โดยรูปแบบที่เต็จตอบสนอง. +พร็อพเหล่านี้ยังสามารถกำหนดในรูปแบบการตอบสนองได้ -บนจอที่มีขนาดเล็ก, แสดงเฉพาะไอคอนบัญชี. แต่บนจอที่มีขนาดใหญ่, แสดงไอคอนและที่อยู่. +บนหน้าจอขนาดเล็ก แสดงเฉพาะไอคอนบัญชี แต่ในหน้าจอขนาดใหญ่ แสดงไอคอนและที่อยู่ ```tsx ``` -บนจอที่มีขนาดเล็ก, ซ่อนยอดเงิน. แต่บนหน้าจอขนาดใหญ่ แสดงมัน +บนหน้าจอขนาดเล็ก ซ่อนยอดเงิน แต่บนหน้าจอขนาดใหญ่ แสดงมัน ```tsx ( ### แต่มันคืออะไร? -ระเบิด emoji เมื่อมีการเลือกกระเป๋าเงินจากรายการกระเป๋าเงิน 🌈🌈🌈. มันใช้ไอคอนของกระเป๋าเงินที่คุณเลือก. +การระเบิดของอิโมจิเมื่อมีการเลือกกระเป๋าเงินจากรายการกระเป๋าเงิน 🌈🌈🌈. มันจะใช้ไอคอนของกระเป๋าเงินที่คุณเลือก. -#### ตัวอย่าง +#### สาธิต -กดปุ่มด้านล่างนี้เพื่อดูว่าโหมดเท่ห์ทำอะไร. +กดปุ่มด้านล่างเพื่อดูว่าโหมดเท่ห์ทำอะไร. diff --git a/site/data/th/docs/custom-app-info.mdx b/site/data/th/docs/custom-app-info.mdx index c7ee18f05d..da2d5ccb80 100644 --- a/site/data/th/docs/custom-app-info.mdx +++ b/site/data/th/docs/custom-app-info.mdx @@ -1,13 +1,13 @@ --- title: ข้อมูลแอปที่กำหนดเอง -description: การกำหนดข้อมูลแอปของคุณเอง +description: การปรับแต่งข้อมูลของแอปของคุณ --- # ข้อมูลแอปที่กำหนดเอง -## การกำหนดข้อมูลแอปของคุณเอง +## การปรับแต่งข้อมูลของแอปของคุณ -คุณสามารถส่งข้อมูลแอปของคุณในกรณี `appInfo` สำหรับ `RainbowKitProvider`. คุณสามารถแก้ไขคุณสมบัติได้เช่น ชื่อแอปของคุณ (`appName`) และลิ้งค์ที่ปุ่ม “เรียนรู้เพิ่มเติม” ใน modal การเชื่อมต่อจะนำไปยัง (`learnMoreUrl`): +คุณสามารถส่งผ่านข้อมูลแอปของคุณในพร็อพ `appInfo` สำหรับ `RainbowKitProvider`. คุณสมบัติที่สามารถปรับแต่งได้คือชื่อของแอปของคุณ (`appName`) และลิงก์ที่ปุ่ม “Learn More” ในการเชื่อมต่อโมดอลจะนำไปสู่ (`learnMoreUrl`): ```tsx import { RainbowKitProvider } from '@rainbow-me/rainbowkit'; @@ -27,9 +27,9 @@ const App = () => { }; ``` -### เพิ่มข้อปฏิเสธ +### เพิ่มข้อจำกัดความรับผิดชอบ -คุณสามารถให้ข้อปฏิเสธของคุณเองที่จะแสดงที่ด้านล่างของ modal การเชื่อมต่อ. คุณสมบัติ `disclaimer` ใน `appInfo` ยอมรับ `DisclaimerComponent` ด้วยอาร์กิวเมนต์ `Text` และ `Link`. คุณสามารถใช้มันสร้างข้อปฏิเสธของคุณเองที่สืบทอดระบบธีม. เราส่งออกประเภท `DisclaimerComponent` สำหรับผู้ใช้ TypeScript: +คุณสามารถให้ข้อจำกัดความรับผิดชอบของคุณเองเพื่อแสดงที่ด้านล่างของโมดอลการเชื่อมต่อ. พร็อพ `disclaimer` ใน `appInfo` ใช้ `DisclaimerComponent` พร้อมอาร์กิวเมนต์ `Text` และ `Link`. คุณสามารถใช้งานเพื่อสร้างข้อจำกัดความรับผิดชอบที่ใช้ระบบธีมมิ่ง. เรานำเข้าแบบ `DisclaimerComponent` สำหรับผู้ใช้ TypeScript: ```tsx import { diff --git a/site/data/th/docs/custom-authentication.mdx b/site/data/th/docs/custom-authentication.mdx index f54c5cbd90..083b17043e 100644 --- a/site/data/th/docs/custom-authentication.mdx +++ b/site/data/th/docs/custom-authentication.mdx @@ -11,7 +11,7 @@ description: เชื่อมต่อกับระบบรับรอง ### การสร้าง adapter ที่กำหนดเอง -ขั้นแรกสร้าง adapter สำหรับการรับรองความถูกต้อง ขั้นแรกสร้าง adapter สำหรับการรับรองความถูกต้อง ขั้นแรกสร้าง adapter สำหรับการรับรองความถูกต้อง นี่ช่วยให้ RainbowKit สร้าง/เตรียมข้อความและสื่อสารกับ back-end ของคุณ +ขั้นแรกสร้าง adapter สำหรับการรับรองความถูกต้อง นี่ช่วยให้ RainbowKit สร้าง/เตรียมข้อความและสื่อสารกับ back-end ของคุณ เป็นตัวอย่าง เราสามารถสร้าง adapter สำหรับการรับรองความถูกต้องที่ช่วยให้เราใช้ [Sign-In ด้วย Ethereum](https://login.xyz) อยู่ตรงข้ามกับ [จุดสิ้นสุด API ที่กำหนดเอง.](https://wagmi.sh/examples/sign-in-with-ethereum) diff --git a/site/data/th/docs/custom-avatars.mdx b/site/data/th/docs/custom-avatars.mdx index abd312d20f..535d53cb1c 100644 --- a/site/data/th/docs/custom-avatars.mdx +++ b/site/data/th/docs/custom-avatars.mdx @@ -1,13 +1,13 @@ --- title: อวาตาร์ที่กำหนดเอง -description: การปรับแต่งอวาตาร์ของผู้ใช้ในแอปของคุณ +description: การปรับแต่งอวาตาร์ผู้ใช้ในแอพของคุณ --- # อวาตาร์ที่กำหนดเอง -## การปรับแต่งอวาตาร์ของผู้ใช้ในแอปของคุณ +## การปรับแต่งอวาตาร์ผู้ใช้ในแอพของคุณ -ตามค่าเริ่มต้น เราจะให้อวาตาร์สำหรับผู้ใช้ในกรณีที่ภาพ ENS ของพวกเขาไม่ถูกตั้งค่า แต่คุณสามารถปรับแต่งสิ่งนี้โดยการให้องค์ประกอบอวาตาร์ของคุณเอง คุณสามารถนำเข้าประเภท `AvatarComponent` หากใช้ TypeScript: ตามค่าเริ่มต้น เราจะให้อวาตาร์สำหรับผู้ใช้ในกรณีที่ภาพ ENS ของพวกเขาไม่ถูกตั้งค่า แต่คุณสามารถปรับแต่งสิ่งนี้โดยการให้องค์ประกอบอวาตาร์ของคุณเอง คุณสามารถนำเข้าประเภท `AvatarComponent` หากใช้ TypeScript: คุณสามารถนำเข้าประเภท `AvatarComponent` หากใช้ TypeScript: ตามค่าเริ่มต้น เราจะให้อวาตาร์สำหรับผู้ใช้ในกรณีที่ภาพ ENS ของพวกเขาไม่ถูกตั้งค่า แต่คุณสามารถปรับแต่งสิ่งนี้โดยการให้องค์ประกอบอวาตาร์ของคุณเอง คุณสามารถนำเข้าประเภท `AvatarComponent` หากใช้ TypeScript: คุณสามารถนำเข้าประเภท `AvatarComponent` หากใช้ TypeScript: +ตามค่าเริ่มต้น เราจะให้อวาตาร์สำหรับผู้ใช้ในกรณีที่ภาพ ENS ของพวกเขาไม่ถูกตั้งค่า แต่คุณสามารถปรับแต่งสิ่งนี้โดยการให้องค์ประกอบอวาตาร์ของคุณเอง คุณสามารถนำเข้าประเภท `AvatarComponent` หากใช้ TypeScript: ```tsx import { @@ -48,4 +48,4 @@ const App = () => { }; ``` -`AvatarComponent` ที่ถูกส่งไปยัง `avatar` prop มีประเภท prop ดังต่อไปนี้: `<{ address: string; ensImage?: string | null; size: number;}>` +`AvatarComponent` ที่ส่งผ่านไปยัง `avatar` prop มีประเภท prop ดังนี้: `<{ address: string; ensImage?: string | null; size: number;}>` diff --git a/site/data/th/docs/custom-chains.mdx b/site/data/th/docs/custom-chains.mdx index 68f87133ec..180591fd58 100644 --- a/site/data/th/docs/custom-chains.mdx +++ b/site/data/th/docs/custom-chains.mdx @@ -7,7 +7,7 @@ description: สร้างลูกโซ่ที่กำหนดเอง ## สร้างลูกโซ่ที่กำหนดเอง -คุณสามารถใช้ประเภท `Chain` เพื่อช่วยคุณสร้างลูกโซ่ที่กำหนดเอง คุณสามารถใช้ประเภท `Chain` เพื่อช่วยคุณสร้างลูกโซ่ที่กำหนดเอง คุณสามารถใช้ประเภท `Chain` เพื่อช่วยคุณสร้างลูกโซ่ที่กำหนดเอง จากนั้น, ส่งค่านั้นไปยัง `getDefaultConfig` หรือ [`createConfig`](https://wagmi.sh/core/api/createConfig#createconfig) ของ Wagmi. คุณสามารถใช้ประเภท `Chain` เพื่อช่วยคุณสร้างลูกโซ่ที่กำหนดเอง คุณสามารถใช้ประเภท `Chain` เพื่อช่วยคุณสร้างลูกโซ่ที่กำหนดเอง จากนั้น, ส่งค่านั้นไปยัง `getDefaultConfig` หรือ [`createConfig`](https://wagmi.sh/core/api/createConfig#createconfig) ของ Wagmi. +คุณสามารถใช้ประเภท `Chain` เพื่อช่วยคุณสร้างลูกโซ่ที่กำหนดเอง จากนั้น, ส่งค่านั้นไปยัง `getDefaultConfig` หรือ [`createConfig`](https://wagmi.sh/core/api/createConfig#createconfig) ของ Wagmi. เช่น นี่คือวิธีที่คุณสามารถสร้างลูกโซ่ Avalanche สำหรับ [avax.network](https://avax.network) diff --git a/site/data/th/docs/custom-connect-button.mdx b/site/data/th/docs/custom-connect-button.mdx index d69804eeac..d9541f6672 100644 --- a/site/data/th/docs/custom-connect-button.mdx +++ b/site/data/th/docs/custom-connect-button.mdx @@ -7,7 +7,7 @@ description: การสร้าง ConnectButton ที่กำหนดเ ## การสร้าง ConnectButton ที่กำหนดเอง -คุณสามารถใช้ `ConnectButton.Custom` ระดับต่ำเพื่อสร้างปุ่มการเชื่อมต่อที่กำหนดเองของคุณเอง คอมโพเนนต์นี้ทำการเรนเดอร์ฟังก์ชัน ซึ่งรวมทุกอย่างที่คุณต้องการในการดำเนินการใหม่กับปุ่มที่สร้างขึ้น คุณสามารถใช้ `ConnectButton.Custom` ระดับต่ำเพื่อสร้างปุ่มการเชื่อมต่อที่กำหนดเองของคุณเอง คอมโพเนนต์นี้ทำการเรนเดอร์ฟังก์ชัน ซึ่งรวมทุกอย่างที่คุณต้องการในการดำเนินการใหม่กับปุ่มที่สร้างขึ้น คอมโพเนนต์นี้ทำการเรนเดอร์ฟังก์ชัน ซึ่งรวมทุกอย่างที่คุณต้องการในการดำเนินการใหม่กับปุ่มที่สร้างขึ้น คุณสามารถใช้ `ConnectButton.Custom` ระดับต่ำเพื่อสร้างปุ่มการเชื่อมต่อที่กำหนดเองของคุณเอง คอมโพเนนต์นี้ทำการเรนเดอร์ฟังก์ชัน ซึ่งรวมทุกอย่างที่คุณต้องการในการดำเนินการใหม่กับปุ่มที่สร้างขึ้น คอมโพเนนต์นี้ทำการเรนเดอร์ฟังก์ชัน ซึ่งรวมทุกอย่างที่คุณต้องการในการดำเนินการใหม่กับปุ่มที่สร้างขึ้น +คุณสามารถใช้ `ConnectButton.Custom` ระดับต่ำเพื่อสร้างปุ่มการเชื่อมต่อที่กำหนดเองของคุณเอง คอมโพเนนต์นี้ทำการเรนเดอร์ฟังก์ชัน ซึ่งรวมทุกอย่างที่คุณต้องการในการดำเนินการใหม่กับปุ่มที่สร้างขึ้น คอมโพเนนต์นี้ทำการเรนเดอร์ฟังก์ชัน ซึ่งรวมทุกอย่างที่คุณต้องการในการดำเนินการใหม่กับปุ่มที่สร้างขึ้น การดำเนินการใหม่ขั้นต่ำของปุ่มที่สร้างขึ้นอาจดูเช่นนี้: diff --git a/site/data/th/docs/custom-theme.mdx b/site/data/th/docs/custom-theme.mdx index 159cb13138..2a7062366a 100644 --- a/site/data/th/docs/custom-theme.mdx +++ b/site/data/th/docs/custom-theme.mdx @@ -7,11 +7,9 @@ description: การสร้างธีมที่กำหนดเอง ## การสร้างธีมที่กำหนดเอง -> หมายเหตุ: ส่วนต่อประสานนี้ไม่เสถียรและมีโอกาสที่จะเปลี่ยนแปลง -> ในอนาคตอันใกล้. เราแนะนำให้ใช้ธีมที่มีอยู่แล้ว [ธีมที่ติดตั้งมากับ](/docs/theming) สำหรับ -> ตอนนี้. +> หมายเหตุ: API นี้ไม่เสถียรและมีความเป็นไปได้ที่จะเปลี่ยนแปลงในอนาคตใกล้ เราขอแนะนำให้หลีกเลี่ยงการเปลี่ยนแปลงรายการ wallet ในช่วงนี้ เราขอแนะนำให้หลีกเลี่ยงการเปลี่ยนแปลงรายการ wallet ในช่วงนี้ เราขอแนะนำให้ใช้งาน [ธีมในตัว](/docs/theming) สำหรับตอนนี้ค่ะ -ในขณะที่ธีมที่ติดตั้งมาแล้วให้ความสามารถในการปรับแต่งบางประการ, ประเภท 'Theme' จะช่วยให้คุณสามารถกำหนดธีมที่กำหนดเองโดยใช้สิทธิ์พิเศษในการเข้าถึงตัวแปรธีม. +ในขณะที่ธีมที่สร้างไว้แล้วให้ระดับการปรับแต่งบางอย่าง แต่ชนิด `Theme` ให้ช่วยคุณกำหนดธีมที่กำหนดเองด้วยการเข้าถึงตัวแปรธีมพื้นฐานในระดับล่าง ```tsx import { RainbowKitProvider, Theme } from '@rainbow-me/rainbowkit'; @@ -79,17 +77,17 @@ const App = () => ( ) ``` -### การขยายธีมที่ติดตั้งมาแล้ว +### ขยายธีมที่สร้างไว้แล้ว -คุณสามารถขยายธีมที่ติดตั้งมาแล้วโดยไม่ต้องกำหนดธีมใหม่ทั้งหมด. สิ่งนี้มีประโยชน์ในกรณีที่คุณต้องการเขียนทับโทเค็นธีมเฉพาะ. +คุณสามารถขยายธีมที่สร้างไว้แล้วโดยไม่ต้องกำหนดนิยามธีมทั้งหมดซ้ำ นี่มีประโยชน์เมื่อคุณต้องการเปลี่ยนแปลงเฉพาะโทเค็นของธีมที่เฉพาะเจาะจง -ในการทำเช่นนั้น, ติดตั้ง `lodash.merge` (หรือที่เทียบเท่า): +ในการทำเช่นนั้น ให้ติดตั้ง `lodash.merge` (หรือเทียบเท่า): ```bash npm install lodash.merge ``` -นำเข้ามัน, รวมถึงธีมที่คุณต้องการขยาย (เช่น: `darkTheme`) และ `Theme` ประเภท TypeScript: +นำเข้า พร้อมกับธีมที่คุณต้องการขยาย (เช่น: `darkTheme`) และชนิด TypeScript `Theme`: ```tsx import merge from 'lodash.merge'; @@ -100,7 +98,7 @@ import { } from '@rainbow-me/rainbowkit'; ``` -ทำการรวมธีมที่ติดตั้งมาแล้ว, กับโทเค็นธีมที่คุณต้องการเขียนทับ. ในตัวอย่างนี้, ฉันกำลังแทนที่โทเค็น `accentColor` เพื่อให้ตรงกับสีเน้นของแบรนด์ของฉัน +จากนั้น รวมธีมที่สร้างไว้แล้วกับโทเค็นธีมที่คุณต้องการเปลี่ยนแปลง ในตัวอย่างนี้ ฉันกำลังเปลี่ยนแปลงโทเค็น `accentColor` ให้ตรงกับสีของยี่ห้อของฉัน ```tsx const myTheme = merge(darkTheme(), { @@ -110,7 +108,7 @@ const myTheme = merge(darkTheme(), { } as Theme); ``` -ในที่สุด, คุณสามารถส่งธีมที่กำหนดเองของคุณไปที่ `RainbowKitProvider` ด้วย `theme` prop. +สุดท้ายนี้ คุณสามารถส่งธีมที่กำหนดเองของคุณไปยัง `RainbowKitProvider`'s `theme` prop ได้แล้ว ```tsx const App = () => { @@ -122,16 +120,16 @@ const App = () => { }; ``` -### การสร้างโธมที่กำหนดเอง +### การสร้างตัวเลือกธีมที่กำหนดเอง -หากแอปของคุณนั้นถูกแสดงผลโดยเซิร์ฟเวอร์/แสดงผลแบบสถิติและอนุญาตให้ผู้ใช้ทำการสลับธีมอย่างทั่วถึง, ระบบธีมของRainbowKit สามารถเชื่อมต่อได้กับCSS selectorsที่กำหนดเอง ด้วยฟังก์ชันต่อไปนี่ที่สามารถใช้ร่วมกับระบบCSS-in-JS +ถ้าแอปของคุณถูกเรนเดอร์จากเซิร์ฟเวอร์/สแตติกและให้ผู้ใช้สลับธีมด้วยตนเอง ระบบธีมของ RainbowKit สามารถเชื่อมต่อกับตัวเลือก CSS ที่กำหนดเองด้วยฟังก์ชั่นดังต่อไปนี้ที่สามารถใช้ได้กับระบบ CSS-in-JS ใด ๆ: - `cssStringFromTheme` - `cssObjectFromTheme` -ฟังก์ชันเหล่านี้จะส่งคืน CSS ที่ตั้งค่าหัวข้อธีมที่จำเป็นทั้งหมด. เนื่องจากทั้งสตริงและวัตถุต่างๆถูกสนับสนุน, คุณสามารถรวมกับระบบ CSS-in-JS ใดอีก. +ฟังก์ชันเหล่านี้ส่งคืน CSS ที่ตั้งค่าตัวแปรธีมทั้งหมดที่จำเป็น เนื่องจากทั้งสตริงและออบเจ็กต์ได้รับการสนับสนุน สิ่งนี้สามารถรวมเข้ากับระบบ CSS-in-JS ใด ๆ -ในการทดลองสมการเบื้องต้น,คุณสามารถทำให้ของคุณเอง `style` element ด้วยตัวเลือกที่กำหนดเองสำหรับแต่ละธีม ในการทดลองสมการเบื้องต้น,คุณสามารถทำให้ของคุณเอง `style` element ด้วยตัวเลือกที่กำหนดเองสำหรับแต่ละธีม ในการทดลองสมการเบื้องต้น,คุณสามารถทำให้ของคุณเอง `style` element ด้วยตัวเลือกที่กำหนดเองสำหรับแต่ละธีม ในการทดลองสมการเบื้องต้น,คุณสามารถทำให้ของคุณเอง `style` element ด้วยตัวเลือกที่กำหนดเองสำหรับแต่ละธีม เนื่องจากเราควบคุมการแสดงผล CSS ของธีมเรา ทำให้เราส่งค่า `null` ไปยัง `theme` prop เพื่อให้ RainbowKitProvider ไม่ต้องจัดการสไตล์ให้เรา ยังควรทราบว่าการใช้ตัวเลือก extends บนฟังก์ชัน cssStringFromTheme ที่ข้ามตัวแปรธีมใด ๆ ที่เหมือนกับธีมฐาน ยังควรทราบว่าการใช้ตัวเลือก extends บนฟังก์ชัน cssStringFromTheme ที่ข้ามตัวแปรธีมใด ๆ ที่เหมือนกับธีมฐาน ยังควรทราบว่าการใช้ตัวเลือก extends บนฟังก์ชัน cssStringFromTheme ที่ข้ามตัวแปรธีมใด ๆ ที่เหมือนกับธีมฐาน ยังควรทราบว่าการใช้ตัวเลือก extends บนฟังก์ชัน cssStringFromTheme ที่ข้ามตัวแปรธีมใด ๆ ที่เหมือนกับธีมฐาน +ตัวอย่างพื้นฐาน คุณสามารถเรนเดอร์ `style` ของคุณเองด้วยตัวเลือกที่กำหนดเองสำหรับแต่ละธีม เนื่องจากเราควบคุมการแสดงผล CSS ของธีมเรา ทำให้เราส่งค่า `null` ไปยัง `theme` prop เพื่อให้ RainbowKitProvider ไม่ต้องจัดการสไตล์ให้เรา ยังควรทราบว่าการใช้ตัวเลือก extends บนฟังก์ชัน cssStringFromTheme ที่ข้ามตัวแปรธีมใด ๆ ที่เหมือนกับธีมฐาน ```tsx import { diff --git a/site/data/th/docs/custom-wallet-list.mdx b/site/data/th/docs/custom-wallet-list.mdx index ef60db5b18..a74a602f4b 100644 --- a/site/data/th/docs/custom-wallet-list.mdx +++ b/site/data/th/docs/custom-wallet-list.mdx @@ -1,13 +1,13 @@ --- -title: รายการ Wallet ที่กำหนดเอง +title: รายการกระเป๋าเงินที่กำหนดเอง description: การปรับแต่งรายการ wallet --- -# รายการ Wallet ที่กำหนดเอง +# รายการกระเป๋าเงินที่กำหนดเอง ## การปรับแต่งรายการ wallet -คุณสามารถนำเข้า wallet แต่ละตัวจาก `'@rainbow-me/rainbowkit/wallets'` พร้อมกับฟังก์ชัน `connectorsForWallets` เพื่อสร้างรายการ wallet ของคุณเองพร้อมตัวเชื่อมต่อที่จำเป็น ด้วยวิธีนี้คุณมีสิทธิ์ควบคุมเต็มรูปแบบในการแสดง wallet ที่จะแสดงและในลำดับที่คุณต้องการ ด้วยวิธีนี้คุณมีสิทธิ์ควบคุมเต็มรูปแบบในการแสดง wallet ที่จะแสดงและในลำดับที่คุณต้องการ ด้วยวิธีนี้คุณมีสิทธิ์ควบคุมเต็มรูปแบบในการแสดง wallet ที่จะแสดงและในลำดับที่คุณต้องการ ด้วยวิธีนี้คุณมีสิทธิ์ควบคุมเต็มรูปแบบในการแสดง wallet ที่จะแสดงและในลำดับที่คุณต้องการ ด้วยวิธีนี้คุณมีสิทธิ์ควบคุมเต็มรูปแบบในการแสดง wallet ที่จะแสดงและในลำดับที่คุณต้องการ +คุณสามารถนำเข้า wallet แต่ละตัวจาก `'@rainbow-me/rainbowkit/wallets'` พร้อมกับฟังก์ชัน `connectorsForWallets` เพื่อสร้างรายการ wallet ของคุณเองพร้อมตัวเชื่อมต่อที่จำเป็น ด้วยวิธีนี้คุณมีสิทธิ์ควบคุมเต็มรูปแบบในการแสดง wallet ที่จะแสดงและในลำดับที่คุณต้องการ ตัวอย่างเช่น คุณสามารถเลือกแสดงเฉพาะ Rainbow พร้อมกับ wallet ที่เป็นทั่วไป @@ -64,7 +64,7 @@ Wallet ต่อไปนี้มีผ่านข้อมูล `wallet` obj #### Wallet ทั่วไป -Wallet ต่อไปนี้จัดลำดับตามเมธอดการเชื่อมต่อทั่วไปเป็นหลักไม่เฉพาะแอป ดังนั้นแนะนำให้กระเป๋าเหล่านี้มีอยู่เสมอ ดังนั้นแนะนำให้กระเป๋าเหล่านี้มีอยู่เสมอ ดังนั้นแนะนำให้กระเป๋าเหล่านี้มีอยู่เสมอ +Wallet ต่อไปนี้จัดลำดับตามเมธอดการเชื่อมต่อทั่วไปเป็นหลักไม่เฉพาะแอป ดังนั้นแนะนำให้กระเป๋าเหล่านี้มีอยู่เสมอ ##### WalletConnect @@ -78,17 +78,17 @@ import { walletConnectWallet } from '@rainbow-me/rainbowkit/wallets'; ##### Injected Wallet -นี่คือตัวเลือกกระเป๋าเงินสำรองที่ออกแบบมาสำหรับสถานการณ์ที่ `window.ethereum` มีอยู่แต่ยังไม่ได้ถูกให้มาจากกระเป๋าเงินอื่นในรายการ นี่คือตัวเลือกกระเป๋าเงินสำรองที่ออกแบบมาสำหรับสถานการณ์ที่ `window.ethereum` มีอยู่แต่ยังไม่ได้ถูกให้มาจากกระเป๋าเงินอื่นในรายการ กระเป๋าเงินนี้จะซ่อนตัวเองอัตโนมัติจากรายการเมื่อไม่จำเป็นต้องใช้สำรองหรือถ้าไม่มีกระเป๋าเงินที่ถูก Inject ให้ใช้งานได้ กระเป๋าเงินนี้จะซ่อนตัวเองอัตโนมัติจากรายการเมื่อไม่จำเป็นต้องใช้สำรองหรือถ้าไม่มีกระเป๋าเงินที่ถูก Inject ให้ใช้งานได้ นี่คือตัวเลือกกระเป๋าเงินสำรองที่ออกแบบมาสำหรับสถานการณ์ที่ `window.ethereum` มีอยู่แต่ยังไม่ได้ถูกให้มาจากกระเป๋าเงินอื่นในรายการ กระเป๋าเงินนี้จะซ่อนตัวเองอัตโนมัติจากรายการเมื่อไม่จำเป็นต้องใช้สำรองหรือถ้าไม่มีกระเป๋าเงินที่ถูก Inject ให้ใช้งานได้ กระเป๋าเงินนี้จะซ่อนตัวเองอัตโนมัติจากรายการเมื่อไม่จำเป็นต้องใช้สำรองหรือถ้าไม่มีกระเป๋าเงินที่ถูก Inject ให้ใช้งานได้ นี่คือตัวเลือกกระเป๋าเงินสำรองที่ออกแบบมาสำหรับสถานการณ์ที่ `window.ethereum` มีอยู่แต่ยังไม่ได้ถูกให้มาจากกระเป๋าเงินอื่นในรายการ กระเป๋าเงินนี้จะซ่อนตัวเองอัตโนมัติจากรายการเมื่อไม่จำเป็นต้องใช้สำรองหรือถ้าไม่มีกระเป๋าเงินที่ถูก Inject ให้ใช้งานได้ กระเป๋าเงินนี้จะซ่อนตัวเองอัตโนมัติจากรายการเมื่อไม่จำเป็นต้องใช้สำรองหรือถ้าไม่มีกระเป๋าเงินที่ถูก Inject ให้ใช้งานได้ +นี่คือตัวเลือกกระเป๋าเงินสำรองที่ออกแบบมาสำหรับสถานการณ์ที่ `window.ethereum` มีอยู่แต่ยังไม่ได้ถูกให้มาจากกระเป๋าเงินอื่นในรายการ กระเป๋าเงินนี้จะซ่อนตัวเองอัตโนมัติจากรายการเมื่อไม่จำเป็นต้องใช้สำรองหรือถ้าไม่มีกระเป๋าเงินที่ถูก Inject ให้ใช้งานได้ -**แนะนำว่าคุณควรรวมกระเป๋าเงินนี้ไว้ในรายการเสมอเพื่อให้แน่ใจว่ารองรับกระเป๋าเงินที่ถูก Inject ทั้งหมด** +**แนะนำให้คุณเสมอรวมกระเป๋าเงินนี้ไว้ในรายการเพื่อให้แน่ใจว่ารองรับกระเป๋าเงินที่ถูก Inject ทั้งหมด.** ```tsx import { injectedWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -##### กระเป๋าเงินที่ปลอดภัย +##### Safe Wallet -สำหรับ dApps ที่รองรับ Safe Apps เพื่อให้ผู้ใช้สามารถเชื่อมต่อกับตู้นิรภัยของพวกเขาหรือ multi-sig ได้อย่างง่ายดาย ให้รวมตัวเลือก `safeWallet` สำหรับการเชื่อมต่ออัตโนมัติ ตัวเลือก Safe จะปรากฏขึ้นเฉพาะในสภาพแวดล้อมของเบราว์เซอร์กระเป๋าเงินที่ปลอดภัยเท่านั้น ตัวเลือก Safe จะปรากฏขึ้นเฉพาะในสภาพแวดล้อมของเบราว์เซอร์กระเป๋าเงินที่ปลอดภัยเท่านั้น +สำหรับ dApps ที่รองรับ Safe Apps เพื่อให้ผู้ใช้สามารถเชื่อมต่อกับตู้นิรภัยของพวกเขาหรือ multi-sig ได้อย่างง่ายดาย ให้รวมตัวเลือก `safeWallet` สำหรับการเชื่อมต่ออัตโนมัติ ตัวเลือก Safe จะปรากฏขึ้นเฉพาะในสภาพแวดล้อมของเบราว์เซอร์กระเป๋าเงินที่ปลอดภัยเท่านั้น ```tsx import { safeWallet } from '@rainbow-me/rainbowkit/wallets'; @@ -98,12 +98,24 @@ import { safeWallet } from '@rainbow-me/rainbowkit/wallets'; กระเป๋าตังค์ต่อไปนี้นำเสนอผ่านทางวัตถุ `wallet` (เรียงตามลำดับตัวอักษร) +#### 1inch Wallet + +```tsx +import { oneInchWallet } from '@rainbow-me/rainbowkit/wallets'; +``` + #### Argent ```tsx import { argentWallet } from '@rainbow-me/rainbowkit/wallets'; ``` +#### Binance Web3 Wallet + +```tsx +import { binanceWallet } from '@rainbow-me/rainbowkit/wallets'; +``` + #### Bitget ```tsx @@ -134,33 +146,27 @@ import { bitverseWallet } from '@rainbow-me/rainbowkit/wallets'; import { bloomWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Bybit Wallet - -```tsx -import { bybitWallet } from '@rainbow-me/rainbowkit/wallets'; -``` - #### Brave Wallet ```tsx import { braveWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Binance Web3 Wallet +#### Bybit Wallet ```tsx -import { binanceWallet } from '@rainbow-me/rainbowkit/wallets'; +import { bybitWallet } from '@rainbow-me/rainbowkit/wallets'; ``` #### Coinbase -ตัวเชื่อมต่อกระเป๋าเงินนี้รองรับทั้งแอป Coinbase Wallet และส่วนขยาย เช่นเดียวกับ Coinbase Smart Wallet บนเว็บ +ตัวเชื่อมต่อกระเป๋าเงินนี้รองรับทั้งแอพและส่วนขยายของ Coinbase Wallet รวมถึง Coinbase Smart Wallet บนเว็บ มีการอาร์กิวเมนต์ `preference` ที่สามารถควบคุมว่า Smart Wallet ถูกเปิดใช้งานและพร้อมใช้งานสำหรับผู้ใช้หรือไม่ การทำงานตามตัวเลือกที่เลือกจะถูกบันทึกไว้ [ที่นี่](https://www.smartwallet.dev/sdk/makeWeb3Provider#parameters) -Smart Wallet จะถูกเปิดใช้งานโดยค่าเริ่มต้นด้วย `all` ต้นเดือนมิถุนายนนี้ โดยไม่ต้องอัปเกรดเพิ่มเติม +Smart Wallet จะถูกเปิดใช้งานโดยค่าเริ่มต้นด้วย `all` ในช่วงต้นเดือนมิถุนายน โดยไม่ต้องอัปเกรดเพิ่มเติม -นักพัฒนาสามารถทดสอบ Smart Wallet กับเครือข่าย `sepolia` และ `baseSepolia` ได้วันนี้โดยตั้งค่า `smartWalletOnly` และรวม `coinbaseWallet` ในรายการกระเป๋าเงินของพวกเขาดังนี้ +นักพัฒนาสามารถทดสอบ Smart Wallet กับเชน `sepolia` และ `baseSepolia` ได้ในวันนี้โดยตั้งค่า `smartWalletOnly` และรวม `coinbaseWallet` ในรายการกระเป๋าเงินของพวกเขา เช่น: ```tsx import { coinbaseWallet } from '@rainbow-me/rainbowkit/wallets'; @@ -169,16 +175,16 @@ import { coinbaseWallet } from '@rainbow-me/rainbowkit/wallets'; coinbaseWallet.preference = 'smartWalletOnly'; ``` -#### กระเป๋าคอมพาส +#### Coin98 Wallet ```tsx -import { compassWallet } from '@rainbow-me/rainbowkit/compassWallet'; +import { coin98Wallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Coin98 Wallet +#### Compass Wallet ```tsx -import { coin98Wallet } from '@rainbow-me/rainbowkit/wallets'; +import { compassWallet } from '@rainbow-me/rainbowkit/compassWallet'; ``` #### Core @@ -223,19 +229,31 @@ import { frontierWallet } from '@rainbow-me/rainbowkit/wallets'; import { gateWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Ledger Live +#### imToken ```tsx -import { ledgerWallet } from '@rainbow-me/rainbowkit/wallets'; +import { imTokenWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### imToken +#### ioPay Wallet ```tsx -import { imTokenWallet } from '@rainbow-me/rainbowkit/wallets'; +import { iopayWallet } from '@rainbow-me/rainbowkit/wallets'; +``` + +#### Kaia Wallet + +```tsx +import { kaiaWallet } from '@rainbow-me/rainbowkit/wallets'; +``` + +#### Kaikas + +```tsx +import { kaikasWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### กระเป๋าคราเคน +#### Kraken Wallet ```tsx import { krakenWallet } from '@rainbow-me/rainbowkit/wallets'; @@ -247,10 +265,10 @@ import { krakenWallet } from '@rainbow-me/rainbowkit/wallets'; import { kresusWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Kaikas +#### Ledger Live ```tsx -import { kaikasWallet } from '@rainbow-me/rainbowkit/wallets'; +import { ledgerWallet } from '@rainbow-me/rainbowkit/wallets'; ``` #### Magic Eden Wallet @@ -259,16 +277,16 @@ import { kaikasWallet } from '@rainbow-me/rainbowkit/wallets'; import { magicEdenWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### MetaMask +#### MEW Wallet ```tsx -import { metaMaskWallet } from '@rainbow-me/rainbowkit/wallets'; +import { mewWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### MEW Wallet +#### MetaMask ```tsx -import { mewWallet } from '@rainbow-me/rainbowkit/wallets'; +import { metaMaskWallet } from '@rainbow-me/rainbowkit/wallets'; ``` #### OKX Wallet @@ -283,12 +301,6 @@ import { okxWallet } from '@rainbow-me/rainbowkit/wallets'; import { omniWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### 1inch Wallet - -```tsx -import { oneInchWallet } from '@rainbow-me/rainbowkit/wallets'; -``` - #### OneKey ```tsx @@ -436,7 +448,7 @@ const connectors = connectorsForWallets( #### หลายกลุ่ม -คุณสามารถใช้กุญแจ `groupName` ในการตั้งชื่อกลุ่มกระเป๋าเงินที่แตกต่างกัน สิ่งนี้มีประโยชน์หากคุณต้องการแจ้งให้ผู้ใช้ของคุณทราบถึงกระเป๋าเงินที่คุณแนะนำ รวมถึงกระเป๋าเงินอื่นๆที่เป็นไปได้ สิ่งนี้มีประโยชน์หากคุณต้องการแจ้งให้ผู้ใช้ของคุณทราบถึงกระเป๋าเงินที่คุณแนะนำ รวมถึงกระเป๋าเงินอื่นๆที่เป็นไปได้ สิ่งนี้มีประโยชน์หากคุณต้องการแจ้งให้ผู้ใช้ของคุณทราบถึงกระเป๋าเงินที่คุณแนะนำ รวมถึงกระเป๋าเงินอื่นๆที่เป็นไปได้ สิ่งนี้มีประโยชน์หากคุณต้องการแจ้งให้ผู้ใช้ของคุณทราบถึงกระเป๋าเงินที่คุณแนะนำ รวมถึงกระเป๋าเงินอื่นๆที่เป็นไปได้ สิ่งนี้มีประโยชน์หากคุณต้องการแจ้งให้ผู้ใช้ของคุณทราบถึงกระเป๋าเงินที่คุณแนะนำ รวมถึงกระเป๋าเงินอื่นๆที่เป็นไปได้ +คุณสามารถใช้กุญแจ `groupName` ในการตั้งชื่อกลุ่มกระเป๋าเงินที่แตกต่างกัน. สิ่งนี้มีประโยชน์หากคุณต้องการแจ้งให้ผู้ใช้ของคุณทราบถึงกระเป๋าเงินที่คุณแนะนำ รวมถึงกระเป๋าเงินอื่นๆที่เป็นไปได้ แนะนำ Rainbow และ MetaMask, แต่ยังเสนอ Coinbase พร้อมกับกระเป๋าเงิน fallback ทั่วไป diff --git a/site/data/th/docs/custom-wallets.mdx b/site/data/th/docs/custom-wallets.mdx index f7657d44b3..81a6245150 100644 --- a/site/data/th/docs/custom-wallets.mdx +++ b/site/data/th/docs/custom-wallets.mdx @@ -7,9 +7,9 @@ description: สร้างกระเป๋าเงินที่กำห ## สร้างกระเป๋าเงินที่กำหนดเอง -> หมายเหตุ: API นี้ไม่เสถียรและมีความเป็นไปได้ที่จะเปลี่ยนแปลงในอนาคตใกล้ เราขอแนะนำให้หลีกเลี่ยงการเปลี่ยนแปลงรายการ wallet ในช่วงนี้ เราขอแนะนำให้หลีกเลี่ยงการเปลี่ยนแปลงรายการ wallet ในช่วงนี้ เราจะเพิ่มกระเป๋าเงินที่สร้างมาแล้วในอนาคต หมายเหตุ: API นี้ไม่เสถียรและมีความเป็นไปได้ที่จะเปลี่ยนแปลงในอนาคตใกล้ เราขอแนะนำให้หลีกเลี่ยงการเปลี่ยนแปลงรายการ wallet ในช่วงนี้ เราขอแนะนำให้หลีกเลี่ยงการเปลี่ยนแปลงรายการ wallet ในช่วงนี้ เราจะเพิ่มกระเป๋าเงินที่สร้างมาแล้วในอนาคต หมายเหตุ: API นี้ไม่เสถียรและมีความเป็นไปได้ที่จะเปลี่ยนแปลงในอนาคตใกล้ เราขอแนะนำให้หลีกเลี่ยงการเปลี่ยนแปลงรายการ wallet ในช่วงนี้ เราขอแนะนำให้หลีกเลี่ยงการเปลี่ยนแปลงรายการ wallet ในช่วงนี้ เราจะเพิ่มกระเป๋าเงินที่สร้างมาแล้วในอนาคต หมายเหตุ: API นี้ไม่เสถียรและมีความเป็นไปได้ที่จะเปลี่ยนแปลงในอนาคตใกล้ เราจะเพิ่มกระเป๋าเงินที่สร้างมาแล้วในอนาคต [แจ้งให้เรารู้](https://github.com/rainbow-me/rainbowkit/issues) หากมีกระเป๋าเงินเฉพาะที่คุณสนใจ เราจะเพิ่มกระเป๋าเงินที่สร้างมาแล้วในอนาคต [แจ้งให้เรารู้](https://github.com/rainbow-me/rainbowkit/issues) หากมีกระเป๋าเงินเฉพาะที่คุณสนใจ +> หมายเหตุ: API นี้ไม่เสถียรและมีความเป็นไปได้ที่จะเปลี่ยนแปลงในอนาคตใกล้ เราจะเพิ่มกระเป๋าเงินที่สร้างมาแล้วในอนาคต [แจ้งให้เรารู้](https://github.com/rainbow-me/rainbowkit/issues) หากมีกระเป๋าเงินเฉพาะที่คุณสนใจ -ฟังก์ชันประเภท `Wallet` ได้รับการให้เพื่อช่วยคุณกำหนดกระเป๋าเงินที่กำหนดเองของคุณเอง ฟังก์ชันประเภท `Wallet` ได้รับการให้เพื่อช่วยคุณกำหนดกระเป๋าเงินที่กำหนดเองของคุณเอง คุณสามารถกำหนดค่าทรัพย์สินต่อไปนี้บนค่าที่คืนกลับของฟังก์ชัน `Wallet` ของคุณ: ฟังก์ชันประเภท `Wallet` ได้รับการให้เพื่อช่วยคุณกำหนดกระเป๋าเงินที่กำหนดเองของคุณเอง ฟังก์ชันประเภท `Wallet` ได้รับการให้เพื่อช่วยคุณกำหนดกระเป๋าเงินที่กำหนดเองของคุณเอง คุณสามารถกำหนดค่าทรัพย์สินต่อไปนี้บนค่าที่คืนกลับของฟังก์ชัน `Wallet` ของคุณ: คุณสามารถกำหนดค่าทรัพย์สินต่อไปนี้บนค่าที่คืนกลับของฟังก์ชัน `Wallet` ของคุณ: ฟังก์ชันประเภท `Wallet` ได้รับการให้เพื่อช่วยคุณกำหนดกระเป๋าเงินที่กำหนดเองของคุณเอง ฟังก์ชันประเภท `Wallet` ได้รับการให้เพื่อช่วยคุณกำหนดกระเป๋าเงินที่กำหนดเองของคุณเอง คุณสามารถกำหนดค่าทรัพย์สินต่อไปนี้บนค่าที่คืนกลับของฟังก์ชัน `Wallet` ของคุณ: คุณสามารถกำหนดค่าทรัพย์สินต่อไปนี้บนค่าที่คืนกลับของฟังก์ชัน `Wallet` ของคุณ: +ฟังก์ชันประเภท `Wallet` ได้รับการให้เพื่อช่วยคุณกำหนดกระเป๋าเงินที่กำหนดเองของคุณเอง คุณสามารถกำหนดค่าทรัพย์สินต่อไปนี้บนค่าที่คืนกลับของฟังก์ชัน `Wallet` ของคุณ: ### คุณสมบัติของ Wallet diff --git a/site/data/th/docs/installation.mdx b/site/data/th/docs/installation.mdx index 9ae1f917f7..c8c2b01ace 100644 --- a/site/data/th/docs/installation.mdx +++ b/site/data/th/docs/installation.mdx @@ -23,7 +23,7 @@ yarn create @rainbow-me/rainbowkit สำหรับอีกทางเลือก คุณสามารถรวม RainbowKit เข้ากับโครงการที่มีอยู่ของคุณเอง -### การตั้งค่าด้วยต手 +### การตั้งค่าด้วยตมือ ติดตั้ง RainbowKit และ peer dependencies ที่เกี่ยวข้อง, [wagmi](https://wagmi.sh/), [viem](https://viem.sh), และ [@tanstack/react-query](https://tanstack.com/query/v5). @@ -31,7 +31,7 @@ yarn create @rainbow-me/rainbowkit npm install @rainbow-me/rainbowkit wagmi viem@2.x @tanstack/react-query ``` -> หมายเหตุ: RainbowKit เป็นคลังภาพ [React](https://reactjs.org/) +> หมายเหตุ: RainbowKit เป็นคลังภาพ [React](https://reactjs.org/). #### นำเข้า @@ -60,9 +60,9 @@ import { #### กำหนดค่า -กำหนดค่าสำหรับเชื่อมโยงที่คุณต้องการและสร้างเชื่อมโยงที่ต้องการ คุณยังต้องการตั้งค่ากำหนดค่า `wagmi` กำหนดค่าสำหรับเชื่อมโยงที่คุณต้องการและสร้างเชื่อมโยงที่ต้องการ คุณยังต้องการตั้งค่ากำหนดค่า `wagmi` หาก dApp ของคุณใช้การเรนเดอร์ฝั่งเซิร์ฟเวอร์ (SSR) ต้องตั้งค่า `ssr` เป็น `true`. +กำหนดค่าสำหรับเชื่อมโยงที่คุณต้องการและสร้างตัวเชื่อมต่อที่ต้องการ คุณยังต้องตั้งค่ากำหนดค่า `wagmi`. หากแอปพลิเคชันของคุณใช้การเรนเดอร์ฝั่งเซิร์ฟเวอร์ (SSR) ต้องตั้งค่า `ssr` ให้เป็น `true`. -> หมายเหตุ: ทุก dApp ที่ใช้ WalletConnect ตอนนี้ต้องได้รับ `projectId` จาก [WalletConnect Cloud](https://cloud.walletconnect.com/) นี่เป็นบริการฟรีและใช้เวลาไม่กี่นาที นี่เป็นบริการฟรีและใช้เวลาไม่กี่นาที นี่เป็นบริการฟรีและใช้เวลาไม่กี่นาที นี่เป็นบริการฟรีและใช้เวลาไม่กี่นาที นี่เป็นบริการฟรีและใช้เวลาไม่กี่นาที +> หมายเหตุ: ทุก dApp ที่ใช้ WalletConnect ตอนนี้ต้องได้รับ `projectId` จาก [WalletConnect Cloud](https://cloud.walletconnect.com/). นี่เป็นบริการฟรีและใช้เวลาไม่กี่นาที. ```tsx line=4-99 ... @@ -116,7 +116,7 @@ RainbowKit จะดูแลเลือกกระเป๋าเงินข ##### Remix -เมื่อใช้งาน [Remix](https://remix.run) คุณต้อง polyfill โมดูล `buffer`, `events` และ `http` อ้างอิงการตั้งค่า Remix ด้านล่าง หรือ [โปรเจ็กต์ Remix ตัวอย่างของเรา](https://github.com/rainbow-me/rainbowkit/blob/main/examples/with-remix) อ้างอิงการตั้งค่า Remix ด้านล่าง หรือ [โปรเจ็กต์ Remix ตัวอย่างของเรา](https://github.com/rainbow-me/rainbowkit/blob/main/examples/with-remix) +เมื่อใช้งาน [Remix](https://remix.run) คุณต้อง polyfill โมดูล `buffer`, `events` และ `http`. อ้างอิงการตั้งค่า Remix ด้านล่าง หรือ [โปรเจ็กต์ Remix ตัวอย่างของเรา](https://github.com/rainbow-me/rainbowkit/blob/main/examples/with-remix). ```ts /** @type {import('@remix-run/dev').AppConfig} */ @@ -128,13 +128,13 @@ export default { }; ``` -### กำลังเตรียมการเผยแพร่ +### การเตรียมตัวเพื่อดีพลอย -โดยค่าเริ่มต้น แอปพลิเคชันของคุณใช้ผู้ให้บริการ RPC สาธารณะสำหรับแต่ละเชนในการดึงยอดคงเหลือ การแก้ไขชื่อ ENS และอื่นๆ สิ่งนี้อาจทำให้เกิดปัญหาความน่าเชื่อถือสำหรับผู้ใช้ของคุณ เนื่องจากโหนดสาธารณะมีการจำกัดอัตราการใช้งาน คุณควรซื้อการเข้าถึงผู้ให้บริการ RPC ผ่านบริการเช่น [Alchemy](https://www.alchemy.com/) หรือ [QuickNode](https://www.quicknode.com/) และกำหนด Transports ของคุณเองใน Wagmi สามารถทำได้โดยการเพิ่มพารามิเตอร์ `transports` ใน `getDefaultConfig` หรือผ่าน `createConfig` ของ Wagmi โดยตรง สิ่งนี้อาจทำให้เกิดปัญหาความน่าเชื่อถือสำหรับผู้ใช้ของคุณ เนื่องจากโหนดสาธารณะมีการจำกัดอัตราการใช้งาน คุณควรซื้อการเข้าถึงผู้ให้บริการ RPC ผ่านบริการเช่น [Alchemy](https://www.alchemy.com/) หรือ [QuickNode](https://www.quicknode.com/) และกำหนด Transports ของคุณเองใน Wagmi สามารถทำได้โดยการเพิ่มพารามิเตอร์ `transports` ใน `getDefaultConfig` หรือผ่าน `createConfig` ของ Wagmi โดยตรง +โดยค่าเริ่มต้น แอปพลิเคชันของคุณใช้ผู้ให้บริการ RPC สาธารณะสำหรับแต่ละเชนในการดึงยอดคงเหลือ การแก้ไขชื่อ ENS และอื่นๆ สิ่งนี้อาจทำให้เกิดปัญหาความน่าเชื่อถือสำหรับผู้ใช้ของคุณ เนื่องจากโหนดสาธารณะมีการจำกัดอัตราการใช้งาน. คุณควรซื้อการเข้าถึงผู้ให้บริการ RPC ผ่านบริการเช่น [Alchemy](https://www.alchemy.com/) หรือ [QuickNode](https://www.quicknode.com/) และกำหนด Transports ของคุณเองใน Wagmi. สามารถทำได้โดยการเพิ่มพารามิเตอร์ `transports` ใน `getDefaultConfig` หรือผ่าน `createConfig` ของ Wagmi โดยตรง. -Transport เป็นชั้นกลางด้านเครือข่ายที่จัดการการส่งคำขอ JSON-RPC ไปยังผู้ให้บริการโหนด Ethereum (เช่น Alchemy, Infura ฯลฯ) +Transport เป็นชั้นกลางการเครือข่ายที่จัดการส่งคำขอ JSON-RPC ไปยังผู้ให้บริการโหนด Ethereum (เช่น Alchemy, Infura เป็นต้น) -**ตัวอย่างที่ใช้ `http` transport** +**ตัวอย่างด้วย `http` transport** ```tsx import { getDefaultConfig } from '@rainbow-me/rainbowkit'; @@ -152,7 +152,7 @@ const config = getDefaultConfig({ }); ``` -สำหรับรายละเอียดเพิ่มเติม ดูที่ [เอกสาร wagmi transport](https://wagmi.sh/core/api/transports#transports). +สำหรับรายละเอียดเพิ่มเติม ดูที่ [เอกสาร wagmi.](https://wagmi.sh/core/api/transports#transports). ### เพิ่มฟังก์ชันของคุณเอง diff --git a/site/data/th/docs/introduction.mdx b/site/data/th/docs/introduction.mdx index 1da6c04004..9eb9faac85 100644 --- a/site/data/th/docs/introduction.mdx +++ b/site/data/th/docs/introduction.mdx @@ -19,17 +19,17 @@ RainbowKit คือ [React](https://reactjs.org/) ที่ทำให้ง #### สามารถปรับแต่งได้ -คุณสามารถปรับ UI ของ RainbowKit ให้ตรงกับแบรนด์ของคุณ คุณสามารถเลือกสีเน้นและการตั้งค่ารัศมีขอบจากที่กำหนดไว้ล่วงหน้า สำหรับการใช้งานที่เฉพาะเจาะจงขึ้น คุณสามารถให้ธีมที่กำหนดเองอย่างเต็มรูปแบบ สร้างปุ่มของคุณเอง และไม่รวมคุณสมบัติบางอย่าง รวมโหมดมืดแล้ว คุณสามารถเลือกสีเน้นและการตั้งค่ารัศมีขอบจากที่กำหนดไว้ล่วงหน้า สำหรับการใช้งานที่เฉพาะเจาะจงขึ้น คุณสามารถให้ธีมที่กำหนดเองอย่างเต็มรูปแบบ สร้างปุ่มของคุณเอง และไม่รวมคุณสมบัติบางอย่าง รวมโหมดมืดแล้ว คุณสามารถเลือกสีเน้นและการตั้งค่ารัศมีขอบจากที่กำหนดไว้ล่วงหน้า สำหรับการใช้งานที่เฉพาะเจาะจงขึ้น คุณสามารถให้ธีมที่กำหนดเองอย่างเต็มรูปแบบ สร้างปุ่มของคุณเอง และไม่รวมคุณสมบัติบางอย่าง รวมโหมดมืดแล้ว คุณสามารถเลือกสีเน้นและการตั้งค่ารัศมีขอบจากที่กำหนดไว้ล่วงหน้า สำหรับการใช้งานที่เฉพาะเจาะจงขึ้น คุณสามารถให้ธีมที่กำหนดเองอย่างเต็มรูปแบบ สร้างปุ่มของคุณเอง และไม่รวมคุณสมบัติบางอย่าง รวมโหมดมืดแล้ว +คุณสามารถปรับ UI ของ RainbowKit ให้ตรงกับแบรนด์ของคุณ. คุณสามารถเลือกสีเน้นและการตั้งค่ารัศมีขอบจากที่กำหนดไว้ล่วงหน้า. สำหรับการใช้งานในระดับสูงขึ้น คุณสามารถกำหนดธีมของคุณเองได้ทั้งหมด, แสดงปุ่มของคุณเองและละเว้นบางฟีเจอร์. รวมโหมดมืด. #### มาตรฐานของอุตสาหกรรม -เพื่อการทำงานร่วมกันที่ดีขึ้นกับผลิตภัณฑ์ส่วนใหญ่ เราพึ่งพาบน [viem](https://viem.sh) และ [wagmi](https://wagmi.sh/) — คือไลบรารีที่ใช้งานมากที่สุดในสเปซนี้ +เพื่อการทำงานร่วมกันที่ดีขึ้นกับผลิตภัณฑ์ส่วนใหญ่ เราพึ่งพาบน [viem](https://viem.sh) และ [wagmi](https://wagmi.sh/) — คือไลบรารีที่ใช้งานมากที่สุดในสเปซนี้. -มาตรฐานกระเป๋าเงินเช่น EIP-1193 และ EIP-6963 ได้รับการสนับสนุนอย่างเต็มรูปแบบโดยทันที ทำให้ผู้ใช้กระเป๋าเงินบนเบราว์เซอร์สามารถเชื่อมต่อกระเป๋าเงินของพวกเขากับ dApp ของคุณได้อย่างราบรื่นยิ่งขึ้น +มาตรฐานกระเป๋าเงินเช่น EIP-1193 และ EIP-6963 ได้รับการสนับสนุนอย่างเต็มรูปแบบโดยทันที ทำให้ผู้ใช้กระเป๋าเงินบนเบราว์เซอร์สามารถเชื่อมต่อกระเป๋าเงินของพวกเขากับ dApp ของคุณได้อย่างราบรื่นยิ่งขึ้น. ### ชุมชน -เราตื่นเต้นที่จะเห็นชุมชนนำไปใช้ RainbowKit แจ้งปัญหา และให้ข้อเสนอแนะ ไม่ว่าจะเป็นคำขอเพิ่มคุณสมบัติ รายงานข้อผิดพลาด หรือโปรเจคที่จะแสดง โปรดมาร่วมเข้าร่วม! ไม่ว่าจะเป็นคำขอเพิ่มคุณสมบัติ รายงานข้อผิดพลาด หรือโปรเจคที่จะแสดง โปรดมาร่วมเข้าร่วม! +เราตื่นเต้นที่จะเห็นชุมชนนำไปใช้ RainbowKit แจ้งปัญหา และให้ข้อเสนอแนะ. ไม่ว่าจะเป็นคำขอเพิ่มคุณสมบัติ รายงานข้อผิดพลาด หรือโปรเจคที่จะแสดง โปรดมาร่วมเข้าร่วม! - ยื่น [issue](https://github.com/rainbow-me/rainbowkit/issues) - ติดตามได้ที่ [Twitter](https://twitter.com/rainbowdotme) diff --git a/site/data/th/docs/localization.mdx b/site/data/th/docs/localization.mdx index 9ad755c63a..28e9e0baab 100644 --- a/site/data/th/docs/localization.mdx +++ b/site/data/th/docs/localization.mdx @@ -58,7 +58,7 @@ export const App = () => { App Router ยังไม่สนับสนุน i18n. อ้างอิงตัวอย่างแยกของเรา [here](https://github.com/rainbow-me/rainbowkit/tree/main/examples/with-next-app-i18n) สำหรับทฤษฎีที่ดีที่สุดในการใช้งานกับ [`next-intl`](https://github.com/amannn/next-intl) middleware. -แนะนำให้คุณใช้เทคนิคเดียวกันในการแปลเนื้อหา dApp ของคุณเพื่อให้รับการสนับสนุนด้านการพากย์เต็มรูปแบบ แนะนำให้คุณใช้เทคนิคเดียวกันในการแปลเนื้อหา dApp ของคุณเพื่อให้รับการสนับสนุนด้านการพากย์เต็มรูปแบบ ไลบรารีการเข้าถึงเช่น [`i18n-js`](https://github.com/fnando/i18n) และ [`next-intl`](https://github.com/amannn/next-intl) รวมถึงเครื่องมือจัดการเช่น Crowdin จะทำให้กระบวนการนี้ง่ายขึ้น ไลบรารีการเข้าถึงเช่น [`i18n-js`](https://github.com/fnando/i18n) และ [`next-intl`](https://github.com/amannn/next-intl) รวมถึงเครื่องมือจัดการเช่น Crowdin จะทำให้กระบวนการนี้ง่ายขึ้น +แนะนำให้คุณใช้เทคนิคเดียวกันในการแปลเนื้อหา dApp ของคุณเพื่อให้รับการสนับสนุนด้านการพากย์เต็มรูปแบบ ไลบรารีการเข้าถึงเช่น [`i18n-js`](https://github.com/fnando/i18n) และ [`next-intl`](https://github.com/amannn/next-intl) รวมถึงเครื่องมือจัดการเช่น Crowdin จะทำให้กระบวนการนี้ง่ายขึ้น แนะนำให้คุณใช้เทคนิคเดียวกันในการแปลเนื้อหา dApp ของคุณเพื่อให้รับการสนับสนุนด้านการพากย์เต็มรูปแบบ ไลบรารีการเข้าถึงเช่น [`i18n-js`](https://github.com/fnando/i18n) และ [`next-intl`](https://github.com/amannn/next-intl) รวมถึงเครื่องมือจัดการเช่น Crowdin จะทำให้กระบวนการนี้ง่ายขึ้น ### ภาษาที่ได้รับการสนับสนุน @@ -66,14 +66,16 @@ App Router ยังไม่สนับสนุน i18n. อ้างอิ
` @@ -195,7 +195,7 @@ const config = getDefaultConfig({ }) ``` -**5. รายการกระเป๋าเงินที่กำหนดเอง** +**5. กระเป๋าเงินที่กำหนดเอง** คอนเนคเตอร์กระเป๋าเงินของ RainbowKit ได้รับการเปลี่ยนแปลงอย่างมากเพื่อรองรับ Wagmi v2. อ้างอิง [เอกสารที่อัปเดต](https://www.rainbowkit.com/docs/custom-wallets) และ [ตัวอย่างคอนเนคเตอร์](https://github.com/rainbow-me/rainbowkit/blob/main/packages/rainbowkit/src/wallets/walletConnectors/rainbowWallet/rainbowWallet.ts) เพื่ออัปเกรดคอนเนคเตอร์กระเป๋าเงินที่กำหนดเองใน dApp ของคุณ. @@ -205,7 +205,7 @@ const config = getDefaultConfig({ #### อัพเดตไปยัง wagmi v1 -[wagmi](https://wagmi.sh) การเชื่อมโยงที่พึ่งพาเป็นคู่ได้รับการอัพเดตเป็น `1.x.x`. +การพึ่งพา [wagmi](https://wagmi.sh) ได้รับการอัปเดตเป็น `1.x.x`. ทำตามขั้นตอนด้านล่างเพื่อย้าย. @@ -225,7 +225,7 @@ npm i viem หมายเหตุ: wagmi ไม่ใช้อีกต่อไปในการใช้แพ็กเกจ `ethers` ภายใน. แต่ถ้าคุณพึ่งอาศัย [Authentication](https://www.rainbowkit.com/docs/authentication) API, `siwe` จะยังต้องการ `ethers` เป็นการพึ่งผู้พัฒนาคู่หา. -\*\*3. \*\*ให้แน่ใจว่า bundler และการเข้ากันได้ของ polyfill\*\* +**3. ให้แน่ใจว่า bundler และการเข้ากันได้ของ polyfill** ในเวอร์ชั่นก่อนหน้าของ wagmi ที่พึ่ง [ethers](https://docs.ethers.org/v5/), โมดูล `fs`, `net`, และ `tls` ที่ WalletConnect ต้องการถูก polyfilled โดยอัตโนมัติ. นี้ไม่ใช่กรณีอีกต่อไปด้วย RainbowKit v1 + wagmi v1, ซึ่งสร้างบน [viem](https://viem.sh/). @@ -233,25 +233,25 @@ npm i viem คู่มือเฟรมเวิร์คเพิ่มเติมสำหรับ Vite และ Remix สามารถใช้ได้ [here](https://www.rainbowkit.com/docs/installation#additional-build-tooling-setup). -**4. ตรวจสอบการเปลี่ยนแปลงที่ทำให้เกิดความเสียหายใน `wagmi`** +**4. ตรวจสอบการเปลี่ยนแปลงที่สำคัญใน `wagmi`** หากคุณใช้งาน `wagmi` hooks ในแอปพลิเคชันของคุณ คุณจะต้องปฏิบัติตามคำแนะนำการย้ายของ `wagmi` เพื่อเปลี่ยนเป็น v1. [คุณสามารถดูคำแนะนำการย้ายได้ที่นี่](https://wagmi.sh/react/migration-guide). -### การเปลี่ยนแปลงที่รุนแรงของ 0.12.x +### 0.12.x การเปลี่ยนแปลงที่สำคัญ -การอ้างอิงคู่แบบ wagmi ได้รับการปรับปรุงเป็น `0.12.x`. +การพึ่งพา wagmi ถูกอัปเดตเป็น `0.12.x`. RainbowKit ได้นำเข้า `WalletConnectLegacyConnector` connector ใน `wagmi` สำหรับการสนับสนุน WalletConnect v1 อย่างต่อเนื่อง. การสนับสนุนสำหรับ WalletConnect v2 และ `WalletConnectConnector` จะมีให้บริการในเร็ว ๆ นี้ตามรุ่นแก้ไขที่ไม่ทำให้เกิดการเปลี่ยนแปลงที่เป็นปัญหา การเปลี่ยนแปลงกระเป๋าเงินจะถูกดำเนินการอัตโนมัติในรุ่นที่จะมาถึง -แอปพลิเคชันทุกๆ โปรแกรมต้องเตรียม `projectId` จาก [WalletConnect Cloud](https://cloud.walletconnect.com/) เพื่อเปิดใช้งาน WalletConnect v2 หน้าที่นี้ต้องสำเร็จก่อนที่เซิร์ฟเวอร์สะพาน WalletConnect v1 จะปิดใช้งานในวันที่ 28 มิถุนายน 2566 แอปพลิเคชันทุกๆ โปรแกรมต้องเตรียม `projectId` จาก [WalletConnect Cloud](https://cloud.walletconnect.com/) เพื่อเปิดใช้งาน WalletConnect v2 หน้าที่นี้ต้องสำเร็จก่อนที่เซิร์ฟเวอร์สะพาน WalletConnect v1 จะปิดใช้งานในวันที่ 28 มิถุนายน 2566 ถ้า `projectId` ไม่ระบุ RainbowKit จะเลือกใช้ v1 สำหรับกระเป๋าเงินทั้งหมดโดยไม่มีการแจ้งเตือน หน้าที่นี้ต้องสำเร็จก่อนที่เซิร์ฟเวอร์สะพาน WalletConnect v1 จะปิดใช้งานในวันที่ 28 มิถุนายน 2566 ถ้า `projectId` ไม่ระบุ RainbowKit จะเลือกใช้ v1 สำหรับกระเป๋าเงินทั้งหมดโดยไม่มีการแจ้งเตือน หน้าที่นี้ต้องสำเร็จก่อนที่เซิร์ฟเวอร์สะพาน WalletConnect v1 จะปิดใช้งานในวันที่ 28 มิถุนายน 2566 ถ้า `projectId` ไม่ระบุ RainbowKit จะเลือกใช้ v1 สำหรับกระเป๋าเงินทั้งหมดโดยไม่มีการแจ้งเตือน +แอปพลิเคชันทุกๆ โปรแกรมต้องเตรียม `projectId` จาก [WalletConnect Cloud](https://cloud.walletconnect.com/) เพื่อเปิดใช้งาน WalletConnect v2. หน้าที่นี้ต้องสำเร็จก่อนที่เซิร์ฟเวอร์สะพาน WalletConnect v1 จะปิดใช้งานในวันที่ 28 มิถุนายน 2566. RainbowKit จะเลือกใช้ v1 สำหรับกระเป๋าเงินทั้งหมดโดยไม่มีการแจ้งเตือนถ้า `projectId` ไม่ระบุ. ทำตามขั้นตอนด้านล่างเพื่อย้าย. -#### 1. ปรับรุ่น RainbowKit และ `wagmi` ไปยังรุ่นล่าสุด +#### 1. อัปเกรด RainbowKit และ `wagmi` ไปยังเวอร์ชันล่าสุด ```bash npm i @rainbow-me/rainbowkit@^0.12.0 wagmi@^0.12.0 @@ -259,7 +259,7 @@ npm i @rainbow-me/rainbowkit@^0.12.0 wagmi@^0.12.0 #### 2. ให้ projectId จาก WalletConnect Cloud -แอปพลิเคชันทุกๆ โปรแกรมที่พึ่งพา WalletConnect ตอนนี้จำเป็นต้องเรียก `projectId` จาก [WalletConnect Cloud](https://cloud.walletconnect.com/) นี่เป็นบริการฟรีและใช้เวลาไม่กี่นาที นี่เป็นบริการฟรีและใช้เวลาไม่กี่นาที นี่เป็นบริการฟรีและใช้เวลาไม่กี่นาที +แอปพลิเคชันทุกๆ โปรแกรมที่พึ่งพา WalletConnect ตอนนี้จำเป็นต้องเรียก `projectId` จาก [WalletConnect Cloud](https://cloud.walletconnect.com/). นี่เป็นบริการฟรีและใช้เวลาไม่กี่นาที. ให้ `projectId` กับ `getDefaultWallets` และคอนเน็กเตอร์กระเป๋าเงิน RainbowKit แบบรายบุคคลเช่นต่อไปนี้: @@ -285,13 +285,13 @@ const connectors = connectorsForWallets([ ]); ``` -### การเปลี่ยนแปลงที่สำคัญในรุ่น 0.11.x +### 0.11.x การเปลี่ยนแปลงที่สำคัญ การพึ่งพา wagmi ถูกอัปเดตเป็น `0.11.x`. ทำตามขั้นตอนด้านล่างเพื่อย้าย. -#### 1. ปรับรุ่น RainbowKit และ `wagmi` ไปยังรุ่นล่าสุด +#### 1. อัปเกรด RainbowKit และ `wagmi` ไปยังเวอร์ชันล่าสุด ```bash npm i @rainbow-me/rainbowkit@^0.11.0 wagmi@^0.11.0 @@ -303,13 +303,13 @@ npm i @rainbow-me/rainbowkit@^0.11.0 wagmi@^0.11.0 [คุณสามารถดูคู่มือการย้ายข้อมูลของพวกเขาที่นี่](https://wagmi.sh/react/migration-guide#011x-breaking-changes). -### การเปลี่ยนแปลงที่สำคัญในรุ่น 0.10.x +### 0.10.x การเปลี่ยนแปลงที่สำคัญ การพึ่งพา wagmi ถูกอัปเดตเป็น `0.10.x`. ทำตามขั้นตอนด้านล่างเพื่อย้าย. -#### 1. ปรับรุ่น RainbowKit และ `wagmi` ไปยังรุ่นล่าสุด +#### 1. อัปเกรด RainbowKit และ `wagmi` ไปยังเวอร์ชันล่าสุด ```bash npm i @rainbow-me/rainbowkit@^0.10.0 wagmi@^0.10.0 @@ -319,15 +319,15 @@ npm i @rainbow-me/rainbowkit@^0.10.0 wagmi@^0.10.0 หากคุณใช้ hook `wagmi` ในแอปพลิเคชันของคุณ, คุณจะต้องตรวจสอบว่าแอปพลิเคชันของคุณได้รับผลกระทบจากการเปลี่ยนแปลงที่สำคัญใน `wagmi` หรือไม่. -[คุณสามารถดูคู่มือการเปลี่ยนแปลงที่นี่](https://wagmi.sh/react/migration-guide#010x-breaking-changes). +[คุณสามารถดูคู่มือการย้ายข้อมูลของพวกเขาที่นี่](https://wagmi.sh/react/migration-guide#010x-breaking-changes). -### การเปลี่ยนแปลงขั้นตอนการแตก 0.9.x +### 0.9.x การเปลี่ยนแปลงที่สำคัญ -การพึ่งพาเพื่อน wagmi ได้รับการอัปเดตเป็น `0.9.x`. +การพึ่งพา wagmi ถูกอัปเดตเป็น `0.9.x`. ทำตามขั้นตอนด้านล่างเพื่อย้าย. -#### 1. ปรับรุ่น RainbowKit และ `wagmi` ไปยังรุ่นล่าสุด +#### 1. อัปเกรด RainbowKit และ `wagmi` ไปยังเวอร์ชันล่าสุด ```bash npm i @rainbow-me/rainbowkit@^0.9.0 wagmi@^0.9.0 @@ -337,15 +337,15 @@ npm i @rainbow-me/rainbowkit@^0.9.0 wagmi@^0.9.0 หากคุณใช้ hook `wagmi` ในแอปพลิเคชันของคุณ, คุณจะต้องตรวจสอบว่าแอปพลิเคชันของคุณได้รับผลกระทบจากการเปลี่ยนแปลงที่สำคัญใน `wagmi` หรือไม่. -[คุณสามารถดูคู่มือการย้ายที่นี่](https://wagmi.sh/react/migration-guide#09x-breaking-changes). +[คุณสามารถดูคู่มือการย้ายข้อมูลของพวกเขาที่นี่](https://wagmi.sh/react/migration-guide#09x-breaking-changes). -### การเปลี่ยนแปลงที่ทำให้ระบบเกิดการสะดุด 0.8.x +### 0.8.x การเปลี่ยนแปลงที่สำคัญ -การพึ่งพาคู่ใน wagmi ได้รับการอัปเดตเป็น `0.8.x`. +การพึ่งพา wagmi ถูกอัปเดตเป็น `0.8.x`. ทำตามขั้นตอนด้านล่างเพื่อย้าย. -#### 1. ปรับรุ่น RainbowKit และ `wagmi` ไปยังรุ่นล่าสุด +#### 1. อัปเกรด RainbowKit และ `wagmi` ไปยังเวอร์ชันล่าสุด ```bash npm i @rainbow-me/rainbowkit@^0.8.0 wagmi@^0.8.0 @@ -355,11 +355,11 @@ npm i @rainbow-me/rainbowkit@^0.8.0 wagmi@^0.8.0 หากคุณใช้ hook `wagmi` ในแอปพลิเคชันของคุณ, คุณจะต้องตรวจสอบว่าแอปพลิเคชันของคุณได้รับผลกระทบจากการเปลี่ยนแปลงที่สำคัญใน `wagmi` หรือไม่. -[คุณสามารถดูคู่มือการย้ายที่นี่](https://wagmi.sh/react/migration-guide#08x-breaking-changes) +[คุณสามารถดูคู่มือการย้ายข้อมูลของพวกเขาที่นี่](https://wagmi.sh/react/migration-guide#08x-breaking-changes). -### การเปลี่ยนที่สำคัญในรุ่น 0.7.x +### 0.7.x การเปลี่ยนแปลงที่สำคัญ -หากคุณกำลังสร้างรายการ wallet ที่กำหนดเอง, คุณต้องนำเข้าแต่ละ wallet เป็นรายตัวเพื่อลดขนาดของ bundle ทราบว่าตั้งแต่ wallet ไม่ได้มีการกำหนด namespace ผ่านวัตถุ `wallet` ไว้, wallet ทั้งหมดขณะนี้จะมี `Wallet` เป็น suffix ทราบว่าตั้งแต่ wallet ไม่ได้มีการกำหนด namespace ผ่านวัตถุ `wallet` ไว้, wallet ทั้งหมดขณะนี้จะมี `Wallet` เป็น suffix ทราบว่าตั้งแต่ wallet ไม่ได้มีการกำหนด namespace ผ่านวัตถุ `wallet` ไว้, wallet ทั้งหมดขณะนี้จะมี `Wallet` เป็น suffix ทราบว่าตั้งแต่ wallet ไม่ได้มีการกำหนด namespace ผ่านวัตถุ `wallet` ไว้, wallet ทั้งหมดขณะนี้จะมี `Wallet` เป็น suffix ทราบว่าตั้งแต่ wallet ไม่ได้มีการกำหนด namespace ผ่านวัตถุ `wallet` ไว้, wallet ทั้งหมดขณะนี้จะมี `Wallet` เป็น suffix +หากคุณกำลังสร้างรายการ wallet ที่กำหนดเอง, คุณต้องนำเข้าแต่ละ wallet เป็นรายตัวเพื่อลดขนาดของ bundle. ทราบว่าตั้งแต่ wallet ไม่ได้มีการกำหนด namespace ผ่านวัตถุ `wallet` ไว้, wallet ทั้งหมดขณะนี้จะมี `Wallet` เป็น suffix. ```diff -import { connectorsForWallets, wallet } from '@rainbow-me/rainbowkit'; @@ -386,7 +386,7 @@ const wallets = [ ]; ``` -ยิ่งขึ้นคือ การทำให้ Steakwallet เข้ากับรุ่นเก่าได้ได้ถูกลบออก ควรจะใช้ Omni แทน +ทราบว่าชั้นความเข้ากันได้นี้ของ Steakwallet ถูกลบออกไปแล้ว. แนะนำให้ใช้ Omni แทน. ```diff -import { wallet } from '@rainbow-me/rainbowkit'; @@ -398,9 +398,9 @@ const wallets = [ ]; ``` -### การเปลี่ยนที่สำคัญในรุ่น 0.4.x +### 0.4.x การเปลี่ยนแปลงที่สำคัญ -RainbowKit ได้อัปเดต `wagmi` ที่เป็น peer dependency ไปเป็น `0.5.x` +RainbowKit ได้อัปเดต `wagmi` ที่เป็น peer dependency ไปเป็น `0.5.x`. ทำตามขั้นตอนด้านล่างเพื่อย้าย. @@ -416,9 +416,9 @@ npm i @rainbow-me/rainbowkit@^0.4.0 wagmi@^0.5.0 หากคุณใช้ hook `wagmi` ในแอปพลิเคชันของคุณ, คุณจะต้องตรวจสอบว่าแอปพลิเคชันของคุณได้รับผลกระทบจากการเปลี่ยนแปลงที่สำคัญใน `wagmi` หรือไม่. -[คุณสามารถดูไกด์การย้ายที่นี่](https://wagmi.sh/react/migration-guide#05x-breaking-changes). +[คุณสามารถดูคู่มือการย้ายที่นี่](https://wagmi.sh/react/migration-guide#05x-breaking-changes). -### การเปลี่ยนแปลงที่ทำให้เกิดการแตกหัก 0.3.x +### การเปลี่ยนแปลงที่สำคัญในรุ่น 0.3.x ลบพารามิเตอร์ `chainId` ออกจาก `createConnector` บน `Wallet` type. @@ -478,7 +478,7 @@ const connectors = connectorsForWallets([ ]); ``` -### การเปลี่ยนแปลงที่ขาดแคลนใน 0.2.x +### การเปลี่ยนแปลงที่สำคัญในรุ่น 0.2.x RainbowKit ได้อัปเดต `wagmi` peer dependency เป็น `^0.4`. diff --git a/site/data/th/docs/modal-hooks.mdx b/site/data/th/docs/modal-hooks.mdx index 40ac1ae678..de30f81638 100644 --- a/site/data/th/docs/modal-hooks.mdx +++ b/site/data/th/docs/modal-hooks.mdx @@ -7,13 +7,13 @@ description: เปิด modal ผ่าน Hooks แบบโปรแกร ## เปิด modal ผ่าน Hooks แบบโปรแกรม -Hooks ต่อไปนี้ได้รับเพื่อให้ความสามารถในการเปิด Modal แบบโปรแกรมได้ทุกที่ในแอปพลิเคชันของคุณ. +Hooks ต่อไปนี้ถูกจัดเตรียมเพื่อให้สามารถเปิด modals แบบโปรแกรมได้ทุกที่ในแอปพลิเคชันของคุณ - `useConnectModal` - `useAccountModal` - `useChainModal` -แต่ละ ฮุค ฯ นี้จะคืนค่าเป็นอ็อบเจคที่มีฟังก์ชันเพื่อเปิด modal ภายใต้ที่รับผิดชอบด้วยตัวเอง. โปรดทราบว่าฟังก์ชันที่จะถูกคืนค่าอาจเป็นค่าว่าง หากแอปพลิเคชันของคุณไม่ได้อยู่ในสถานะที่ต้องการเพื่อเปิด modal. +แต่ละ Hook เหล่านี้จะส่งคืนวัตถุที่มีฟังก์ชันสำหรับการเปิด modal ที่เกี่ยวข้อง โปรดทราบว่าฟังก์ชันที่ส่งคืนจะเป็น undefined หากแอปพลิเคชันของคุณไม่ได้อยู่ในสถานะที่ต้องการสำหรับการเปิด modal ```tsx import { @@ -51,7 +51,7 @@ export const YourApp = () => { }; ``` -แต่ละ hook ยังคืนค่า boolean สำหรับสถานะของ modal. โดยทั่วไปแนะนำว่าคุณควรเชื่อมต่อมากับ Wagmi hooks (เช่น `useAccount`) เพื่อตอบสนองสถานะการเชื่อมต่อวัตถุประสงค์ของผู้ใช้โดยตรง ไม่กินแล้วดูแลสถานะของ Connect Modal. +แต่ละ hook ยังส่งคืนค่า boolean สำหรับสถานะของ modal โดยปกติขอแนะนำให้คุณพึ่งพาเฉพาะ Wagmi hooks (ได้แก่ `useAccount`) เพื่อโต้ตอบกับสถานะการเชื่อมต่อกระเป๋าเงินของผู้ใช้โดยตรง แทนที่จะพึ่งพาสถานะของ Connect Modal ```tsx const { connectModalOpen } = useConnectModal(); @@ -59,6 +59,6 @@ const { accountModalOpen } = useAccountModal(); const { chainModalOpen } = useChainModal(); ``` -RainbowKit ถูกออกแบบมาเพื่อไม่สร้างการขัดขวางและสามารถตอบสนองได้ดี ดังนั้น dApps ควรแสดงอินเทอร์เฟซสำหรับผู้ใช้ไม่ว่าพวกเขาจะเชื่อมต่อกระเป๋าเงินของตัวเองหรือไม่ RainbowKit ถูกออกแบบมาเพื่อไม่สร้างการขัดขวางและสามารถตอบสนองได้ดี ดังนั้น dApps ควรแสดงอินเทอร์เฟซสำหรับผู้ใช้ไม่ว่าพวกเขาจะเชื่อมต่อกระเป๋าเงินของตัวเองหรือไม่ ผู้ใช้สามารถเชื่อมต่อหรือยกเลิกการเชื่อมต่อกระเป๋าเงินของตนโดยตรงจาก MetaMask ดังนั้น dApp ต้องสามารถตอบสนองกับสถานะการเชื่อมต่อที่ขั้นพื้นฐานโดยตรง RainbowKit ถูกออกแบบมาเพื่อไม่สร้างการขัดขวางและสามารถตอบสนองได้ดี ดังนั้น dApps ควรแสดงอินเทอร์เฟซสำหรับผู้ใช้ไม่ว่าพวกเขาจะเชื่อมต่อกระเป๋าเงินของตัวเองหรือไม่ ผู้ใช้สามารถเชื่อมต่อหรือยกเลิกการเชื่อมต่อกระเป๋าเงินของตนโดยตรงจาก MetaMask ดังนั้น dApp ต้องสามารถตอบสนองกับสถานะการเชื่อมต่อที่ขั้นพื้นฐานโดยตรง RainbowKit ถูกออกแบบมาเพื่อไม่สร้างการขัดขวางและสามารถตอบสนองได้ดี ดังนั้น dApps ควรแสดงอินเทอร์เฟซสำหรับผู้ใช้ไม่ว่าพวกเขาจะเชื่อมต่อกระเป๋าเงินของตัวเองหรือไม่ ผู้ใช้สามารถเชื่อมต่อหรือยกเลิกการเชื่อมต่อกระเป๋าเงินของตนโดยตรงจาก MetaMask ดังนั้น dApp ต้องสามารถตอบสนองกับสถานะการเชื่อมต่อที่ขั้นพื้นฐานโดยตรง +RainbowKit ถูกออกแบบมาเพื่อไม่สร้างการขัดขวางและสามารถตอบสนองได้ดี ดังนั้น dApps ควรแสดงอินเทอร์เฟซสำหรับผู้ใช้ไม่ว่าพวกเขาจะเชื่อมต่อกระเป๋าเงินของตัวเองหรือไม่ ผู้ใช้สามารถเชื่อมต่อหรือยกเลิกการเชื่อมต่อกระเป๋าเงินของตนโดยตรงจาก MetaMask ดังนั้น dApp ต้องสามารถตอบสนองกับสถานะการเชื่อมต่อที่ขั้นพื้นฐานโดยตรง -dApps ที่พึ่งพาเครื่องมืออย่าง Sign-in with Ethereum เพื่อตรวจสอบผู้ใช้ควรพึ่งพาคุณลักษณะ [Authentication](/docs/authentication) แทน +dApps ที่พึ่งพากลไกเช่นการลงชื่อตาม Ethereum สำหรับการยืนยันผู้ใช้ ควรอิงตามฟีเจอร์ [Authentication](/docs/authentication) แทน diff --git a/site/data/th/docs/modal-sizes.mdx b/site/data/th/docs/modal-sizes.mdx index acec4cc2f0..7b5ff003f8 100644 --- a/site/data/th/docs/modal-sizes.mdx +++ b/site/data/th/docs/modal-sizes.mdx @@ -1,21 +1,21 @@ --- title: ขนาดของ Modal -description: กว้าง ประมาณ กับ ขนาดกะทัดรัด +description: กว้าง กับ กระทัดรัด --- # ขนาดของ Modal -## กว้าง ประมาณ กับ ขนาดกะทัดรัด +## ขนาดกว้าง กับ กระทัดรัด -โดยค่าเริ่มต้น, `modalSize` ของ RainbowKit กำหนดเป็น `wide` (และจะดูประมาณนี้): +ค่าเริ่มต้น, ขนาด `modalSize` ของ RainbowKit ถูกตั้งค่าไว้เป็น `wide` (และดูแบบนี้): -เรายังมีขนาด `compact` ของ modal ด้วย ซึ่งจะดูประมาณนี้: +เรายังมีขนาด modal แบบ `compact` ที่ดูแบบนี้: -เพื่อตั้งค่าขนาดของ modal ของคุณเป็น `compact`, เพิ่ม `modalSize="compact"` เป็น prop ใน `RainbowKitProvider` ของคุณ: +การตั้งขนาด modal ของคุณให้เป็น `compact`, แค่เพิ่ม `modalSize="compact"` เป็น prop ใน `RainbowKitProvider` ของคุณ: ```tsx import { RainbowKitProvider } from '@rainbow-me/rainbowkit'; diff --git a/site/data/th/docs/recent-transactions.mdx b/site/data/th/docs/recent-transactions.mdx index 584192acdd..93a4ed6854 100644 --- a/site/data/th/docs/recent-transactions.mdx +++ b/site/data/th/docs/recent-transactions.mdx @@ -7,11 +7,11 @@ description: แสดงธุรกรรมล่าสุดของคุ ## แสดงธุรกรรมล่าสุดของคุณ -คุณสามารถเลือกได้ที่จะแสดงธุรกรรมล่าสุดภายใน modal บัญชีของ RainbowKit. โปรดทราบว่าธุรกรรมทั้งหมดจะถูกเก็บไว้ใน local storage และต้องการลงทะเบียนกับ RainbowKit เพื่อที่จะแสดง. +คุณสามารถเลือกที่จะแสดงธุรกรรมล่าสุดในโมดอลบัญชีของ RainbowKit โปรดทราบว่าธุรกรรมทั้งหมดจะถูกเก็บไว้ในหน่วยความจำท้องถิ่นและต้องลงทะเบียนด้วยตัวเองกับ RainbowKit เพื่อให้สามารถแสดงได้ -การทำงานเริ่มต้นของ `ConnectButton` จะแสดงเครื่องหมายโหลดรอบ avatar ของผู้ใช้ถ้ามีธุรกรรมที่กำลังดำเนินการ. การทำงานแบบกำหนดเองของ `ConnectButton` สามารถสร้างเลียนแบบพฤติกรรมนี้ผ่านทรัพย์สิน `account.hasPendingTransactions` ที่ถูกส่งไปยังฟังก์ชั่น render ของคุณ. +การดำเนินการตามค่าเริ่มต้นของ `ConnectButton` จะแสดงตัวบ่งชี้การโหลดรอบๆ อวาตาร์ของผู้ใช้ถ้ามีธุรกรรมที่ค้างอยู่ การดำเนินการแบบกำหนดเองของ `ConnectButton` สามารถสร้างพฤติกรรมนี้ขึ้นมาใหม่ได้ผ่านคุณสมบัติ `account.hasPendingTransactions` ที่ส่งผ่านฟังก์ชันเรนเดอร์ของคุณ -เพื่อใช้คุณสมบัตินี้ ให้เปิดใช้งานตัวเลือก `showRecentTransactions` ใน `RainbowKitProvider` ก่อน. +ในการใช้คุณลักษณะนี้ ให้เปิดใช้งานตัวเลือก `showRecentTransactions` บน `RainbowKitProvider` ก่อน ```tsx import { RainbowKitProvider } from '@rainbow-me/rainbowkit'; @@ -25,7 +25,7 @@ const App = () => { }; ``` -ธุรกรรมจากนั้นสามารถลงทะเบียนกับ RainbowKit โดยใช้ hook `useAddRecentTransaction` +จากนั้นธูรกรรมสามารถลงทะเบียนกับ RainbowKit ได้โดยใช้ฮุค `useAddRecentTransaction` ```tsx import { useAddRecentTransaction } from '@rainbow-me/rainbowkit'; @@ -48,9 +48,9 @@ export default () => { }; ``` -ครั้งที่ธุรกรรมลงทะเบียนกับ RainbowKit สถานะจะถูกปรับปรุงเมื่อเสร็จสมบูรณ์. +เมื่อธุรกรรมได้รับการลงทะเบียนกับ RainbowKit แล้ว สถานะของมันจะได้รับการอัพเดตเมื่อเสร็จสิ้น -โดยค่าเริ่มต้น การทำธุรกรรมจะถือว่าเสร็จสิ้นเมื่อมีการขุดบล็อกเดียวบนบล็อกที่ทำการขุดธุรกรรมนั้น แต่สามารถกำหนดการตั้งค่าเองได้โดยระบุค่า `confirmations` ที่กำหนดเอง +โดยค่าเริ่มต้น ธุรกรรมจะถือว่าเสร็จสิ้นเมื่อบล็อกเดียวได้ถูกทำเหมืองเสร็จแล้วซ้อนทับบล็อกที่ธุรกรรมถูกทำเหมือง แต่สิ่งนี้สามารถกำหนดค่าได้โดยการระบุมูลค่า `confirmations` แบบกำหนดเอง ```tsx import { useAddRecentTransaction } from '@rainbow-me/rainbowkit'; diff --git a/site/data/th/docs/theming.mdx b/site/data/th/docs/theming.mdx index 8107dafb95..7219b29e90 100644 --- a/site/data/th/docs/theming.mdx +++ b/site/data/th/docs/theming.mdx @@ -1,17 +1,17 @@ --- -title: การสร้างธีม +title: ธีม description: การใช้และปรับแต่งธีม --- -# การสร้างธีม +# ธีม ## การใช้และปรับแต่งธีม -คุณสามารถปรับ UI ของ RainbowKit ให้ตรงกับแบรนด์ของคุณ คุณสามารถเลือกสีเน้นและการตั้งค่ารัศมีขอบจากที่กำหนดไว้ล่วงหน้า คุณสามารถเลือกสีเน้นและการตั้งค่ารัศมีขอบจากที่กำหนดไว้ล่วงหน้า คุณสามารถปรับ UI ของ RainbowKit ให้ตรงกับแบรนด์ของคุณ คุณสามารถเลือกสีเน้นและการตั้งค่ารัศมีขอบจากที่กำหนดไว้ล่วงหน้า คุณสามารถเลือกสีเน้นและการตั้งค่ารัศมีขอบจากที่กำหนดไว้ล่วงหน้า คุณสามารถเลือกสีเน้นและการตั้งค่ารัศมีขอบจากที่กำหนดไว้ล่วงหน้า คุณสามารถปรับ UI ของ RainbowKit ให้ตรงกับแบรนด์ของคุณ คุณสามารถเลือกสีเน้นและการตั้งค่ารัศมีขอบจากที่กำหนดไว้ล่วงหน้า คุณสามารถเลือกสีเน้นและการตั้งค่ารัศมีขอบจากที่กำหนดไว้ล่วงหน้า คุณสามารถเลือกสีเน้นและการตั้งค่ารัศมีขอบจากที่กำหนดไว้ล่วงหน้า +คุณสามารถปรับ UI ของ RainbowKit ให้ตรงกับแบรนด์ของคุณ. คุณสามารถเลือกสีเน้นและการตั้งค่ารัศมีขอบจากที่กำหนดไว้ล่วงหน้า. มีฟังก์ชันธีมในตัว 3 ฟังก์ชัน: -- `lightTheme`   (ค่าเริ่มต้น) +- `lightTheme` (ค่าเริ่มต้น) - `darkTheme` - `midnightTheme` @@ -119,7 +119,7 @@ const App = () => { }; ``` -แต่ละธีมยังให้คำประกอบสีเฉพาะ (`blue`, `green`, `orange`, `pink`, `purple`, `red`) ที่สามารถแพร่ไปในวัตถุตัวเลือก ตัวอย่างเช่น การใช้คำประกอบสี `pink`: ตัวอย่างเช่น การใช้คำประกอบสี `pink`: ตัวอย่างเช่น การใช้คำประกอบสี `pink`: ตัวอย่างเช่น การใช้คำประกอบสี `pink`: ตัวอย่างเช่น การใช้คำประกอบสี `pink`: +แต่ละธีมยังให้คำประกอบสีเฉพาะ (`blue`, `green`, `orange`, `pink`, `purple`, `red`) ที่สามารถแพร่ไปในวัตถุตัวเลือก ตัวอย่างเช่น การใช้คำประกอบสี `pink`: ตัวอย่างเช่น การใช้คำประกอบสี `pink`: ```tsx import { RainbowKitProvider, darkTheme } from '@rainbow-me/rainbowkit'; @@ -258,11 +258,11 @@ const App = () => { > เตือนความทรงจำ: ค่ารัศมีขอบที่มีให้คือ: `large` (ค่าเริ่มต้น), `medium`, `small` และ `none`. -#### ทางเลือกของฟ้อนต์ +#### ฟอนต์สแต็ก โดยค่าเริ่มต้น, `fontStack` ถูกตั้งเป็น `rounded`. แต่นี่คือวิธีที่คุณสามารถใช้การตั้งค่า `fontStack`. -ตั้งค่า font stack เป็น `system`. +ตั้งค่า stack ของฟอนต์เป็น `system`. ```tsx import { RainbowKitProvider, darkTheme } from '@rainbow-me/rainbowkit'; @@ -281,7 +281,7 @@ const App = () => { }; ``` -#### เบลอoverlay +#### เบลอซ้อนทับ โดยค่าเริ่มต้น, `overlayBlur` ถูกตั้งเป็น `none`. แต่นี่คือวิธีที่คุณสามารถใช้การตั้งค่า `overlayBlur`. diff --git a/site/data/th/docs/wallet-button.mdx b/site/data/th/docs/wallet-button.mdx index 07fb8d1a70..dfec937305 100644 --- a/site/data/th/docs/wallet-button.mdx +++ b/site/data/th/docs/wallet-button.mdx @@ -1,13 +1,13 @@ --- title: ปุ่มกระเป๋าเงิน -description: การใช้งานและปรับแต่งปุ่มกระเป๋าเงิน +description: การใช้และปรับแต่งปุ่มกระเป๋าเงิน --- # ปุ่มกระเป๋าเงิน -> หมายเหตุ: `WalletButton` ในปัจจุบันพึ่งพามาตรฐานกระเป๋าเงิน EIP-1193, แต่จะรองรับ EIP-6963 ในอนาคตอันใกล้. +> หมายเหตุ: `ปุ่มกระเป๋าเงิน` ปัจจุบันอาศัยมาตรฐานกระเป๋าเงิน EIP-1193 แต่จะรองรับ EIP-6963 ในอนาคตอันใกล้ -ส่วนประกอบ `WalletButton` ใหม่ช่วยในการนำเอา RainbowKit และผลประโยชน์ที่บำรุงรักษาได้ทั้งหมดใส่ใจไว้สำหรับการใช้งานร่วมกับรายการกระเป๋าเงินที่กำหนดเองสำหรับ dApp +คอมโพแนนต์ใหม่ `ปุ่มกระเป๋าเงิน` ช่วยให้ dApps ใช้การนำเสนอรายการกระเป๋าเงินแบบกำหนดเองเพื่อยอมรับ RainbowKit และประโยชน์ที่ปราศจากการบำรุงรักษาทั้งหมด ```tsx import { WalletButton } from '@rainbow-me/rainbowkit'; @@ -17,7 +17,7 @@ import { WalletButton } from '@rainbow-me/rainbowkit'; ``` -เหมือนกับ `ConnectButton` ส่วนประกอบ `WalletButton.Custom` จะมีอยู่สำหรับการสร้างรายการกระเป๋าเงินและการปรับแต่งที่กำหนดเอง +เหมือนกับ `ConnectButton`, คอมโพแนนต์ `WalletButton.Custom` พร้อมสำหรับการดำเนินการและการออกแบบแบบกำหนดเอง ```tsx @@ -35,10 +35,10 @@ import { WalletButton } from '@rainbow-me/rainbowkit'; ``` -ส่วนใหญ่ของ dApp จะได้รับประโยชน์มากที่สุดจาก [ConnectButton](https://www.rainbowkit.com/docs/connect-button) อ้างอิงเอกสาร [here](https://www.rainbowkit.com/docs/wallet-button) เพื่อข้อมูลเพิ่มเติมเกี่ยวกับการใช้งานและการนำเอา `WalletButton` มาใช้ในฐานะตัวดำเนินการ อ้างอิงเอกสาร [here](https://www.rainbowkit.com/docs/wallet-button) เพื่อข้อมูลเพิ่มเติมเกี่ยวกับการใช้งานและการนำเอา `WalletButton` มาใช้ในฐานะตัวดำเนินการ อ้างอิงเอกสาร [here](https://www.rainbowkit.com/docs/wallet-button) เพื่อข้อมูลเพิ่มเติมเกี่ยวกับการใช้งานและการนำเอา `WalletButton` มาใช้ในฐานะตัวดำเนินการ อ้างอิงเอกสาร [here](https://www.rainbowkit.com/docs/wallet-button) เพื่อข้อมูลเพิ่มเติมเกี่ยวกับการใช้งานและการนำเอา `WalletButton` มาใช้ในฐานะตัวดำเนินการ +ส่วนใหญ่ของ dApp จะได้รับประโยชน์มากที่สุดจาก [ConnectButton](https://www.rainbowkit.com/docs/connect-button) อ้างอิงเอกสาร [here](https://www.rainbowkit.com/docs/wallet-button) เพื่อข้อมูลเพิ่มเติมเกี่ยวกับการใช้งานและการนำเอา `WalletButton` มาใช้ในฐานะตัวดำเนินการ -#### ตัวอย่าง +#### สาธิต -กดปุ่มด้านล่างเพื่อดูว่าจุดเริ่มต้นนี้ของ RainbowKit มีลักษณะเป็นอย่างไร +กดปุ่มด้านล่างเพื่อดูว่าจุดเข้า RainbowKit นี้มีลักษณะอย่างไร diff --git a/site/data/th/guides/rainbow-button.mdx b/site/data/th/guides/rainbow-button.mdx index 80e5052c69..999d608836 100644 --- a/site/data/th/guides/rainbow-button.mdx +++ b/site/data/th/guides/rainbow-button.mdx @@ -1,6 +1,6 @@ --- title: นำปุ่ม Rainbow มาใช้ใน dApp ของคุณ -description: เป็นหนังสือคู่มือสำหรับคีย์เครื่องรุ่น RainbowKit และนักพัฒนา +description: ไลบรารีปลั๊กแอนด์เพลย์สำหรับ Wagmi เพื่อสนับสนุนกระเป๋า Rainbow ใน dApp ของคุณ image: guide-rainbow-button.png --- @@ -10,7 +10,7 @@ image: guide-rainbow-button.png **1. ติดตั้ง `@rainbow-me/rainbow-button` และ peer dependencies ของมัน** -แพ็กเกจที่เข้ากันได้กับ Next.js, React, และ Vite ตรวจสอบคำเตือนเกี่ยวกับ peer dependency ตรวจสอบคำเตือนเกี่ยวกับ peer dependency ตรวจสอบคำเตือนเกี่ยวกับ peer dependency ตรวจสอบคำเตือนเกี่ยวกับ peer dependency +แพ็กเกจที่เข้ากันได้กับ Next.js, React, และ Vite ตรวจสอบคำเตือนเกี่ยวกับ peer dependency ตรวจสอบคำเตือนเกี่ยวกับ peer dependency ตรวจสอบคำเตือนเกี่ยวกับ peer dependency ตรวจสอบคำเตือนเกี่ยวกับ peer dependency. ```bash npm install @rainbow-me/rainbow-button wagmi viem@2.x @tanstack/react-query @@ -81,8 +81,8 @@ function MyApp({ Component, pageProps }: AppProps) { ``` -\*\*3. และขอแค่เท่านี้เฉยๆ\*\* +**3. และขอแค่เท่านี้เฉยๆ!** -ตอนนี้ผู้ใช้ของคุณสามารถเพลิดเพลินกับประสบการณ์เชื่อมต่อที่ไม่มีปัญหาสำหรับ Rainbow — โดยไม่ต้องดูแลหรือมีปัญหาใดๆ +ตอนนี้ผู้ใช้ของคุณสามารถเพลิดเพลินกับประสบการณ์เชื่อมต่อที่ไม่มีปัญหาสำหรับ Rainbow — โดยไม่ต้องดูแลหรือมีปัญหาใดๆ. อีกอย่าง [`WalletButton`](https://www.rainbowkit.com/docs/wallet-button) แทนที่อยู่ใน [RainbowKit](https://www.rainbowkit.com/docs/installation) ถ้าคุณต้องการใช้งานร่วมกับกระเป๋าเสริมเพิ่มเติม. diff --git a/site/data/th/guides/rainbowkit-wagmi-v2.mdx b/site/data/th/guides/rainbowkit-wagmi-v2.mdx index 5642f24818..95a1321f19 100644 --- a/site/data/th/guides/rainbowkit-wagmi-v2.mdx +++ b/site/data/th/guides/rainbowkit-wagmi-v2.mdx @@ -6,7 +6,7 @@ image: guide-rainbowkit-v2.png # การย้ายไปใช้ RainbowKit และ Wagmi v2 -การพึ่งพา (peer dependencies) [wagmi](https://wagmi.sh) และ [viem](https://viem.sh) ได้ถึงเวอร์ชัน `2.x.x` พร้อมกับการเปลี่ยนแปลงหลัก +การพึ่งพา [wagmi](https://wagmi.sh) และ [viem](https://viem.sh) ได้ถึงเวอร์ชัน `2.x.x` พร้อมกับการเปลี่ยนแปลงหลัก ทำตามขั้นตอนด้านล่างเพื่อย้าย. @@ -100,17 +100,17 @@ npm i @tanstack/react-query \*\*1. พฤติกรรมที่ปรับปรุงสำหรับกระเป๋าสตางค์ EIP-6963 -กระเป๋าสตางค์ที่รองรับมาตรฐานการเชื่อมต่อใหม่ EIP-6963 (รวมถึง Rainbow, MetaMask และอื่นๆ) จะปรากฏในส่วน `Installed` โดยอัตโนมัติระหว่างประสบการณ์การเชื่อมต่อกระเป๋าสตางค์ สิ่งนี้ช่วยให้ผู้ใช้สามารถค้นหากระเป๋าสตางค์ที่ชื่นชอบได้เสมอและเชื่อมต่อกับ dApps โดยไม่มีความขัดแย้งหรือปุ่ม fallback สิ่งนี้ช่วยให้ผู้ใช้สามารถค้นหากระเป๋าสตางค์ที่ชื่นชอบได้เสมอและเชื่อมต่อกับ dApps โดยไม่มีความขัดแย้งหรือปุ่ม fallback สิ่งนี้ช่วยให้ผู้ใช้สามารถค้นหากระเป๋าสตางค์ที่ชื่นชอบได้เสมอและเชื่อมต่อกับ dApps โดยไม่มีความขัดแย้งหรือปุ่ม fallback สิ่งนี้ช่วยให้ผู้ใช้สามารถค้นหากระเป๋าสตางค์ที่ชื่นชอบได้เสมอและเชื่อมต่อกับ dApps โดยไม่มีความขัดแย้งหรือปุ่ม fallback สิ่งนี้ช่วยให้ผู้ใช้สามารถค้นหากระเป๋าสตางค์ที่ชื่นชอบได้เสมอและเชื่อมต่อกับ dApps โดยไม่มีความขัดแย้งหรือปุ่ม fallback +กระเป๋าสตางค์ที่รองรับมาตรฐานการเชื่อมต่อใหม่ EIP-6963 (รวมถึง Rainbow, MetaMask และอื่นๆ) จะปรากฏในส่วน `Installed` โดยอัตโนมัติระหว่างประสบการณ์การเชื่อมต่อกระเป๋าสตางค์ สิ่งนี้ช่วยให้ผู้ใช้สามารถค้นหากระเป๋าสตางค์ที่ชื่นชอบได้เสมอและเชื่อมต่อกับ dApps โดยไม่มีความขัดแย้งหรือปุ่ม fallback -นักพัฒนายังคงมีการควบคุมเต็มที่เหนือรายการกระเป๋าสตางค์ที่กำหนดเองเพื่อเน้นกระเป๋าสตางค์ที่ต้องการสำหรับผู้ใช้ปลายทาง นักพัฒนายังคงมีการควบคุมเต็มที่เหนือรายการกระเป๋าสตางค์ที่กำหนดเองเพื่อเน้นกระเป๋าสตางค์ที่ต้องการสำหรับผู้ใช้ปลายทาง ขอแนะนำให้คุณยังคงรวม `injectedWallet` และ `walletConnectWallet` ในรายการของคุณเพื่อรองรับทุกแพลตฟอร์ม นักพัฒนายังคงมีการควบคุมเต็มที่เหนือรายการกระเป๋าสตางค์ที่กำหนดเองเพื่อเน้นกระเป๋าสตางค์ที่ต้องการสำหรับผู้ใช้ปลายทาง นักพัฒนายังคงมีการควบคุมเต็มที่เหนือรายการกระเป๋าสตางค์ที่กำหนดเองเพื่อเน้นกระเป๋าสตางค์ที่ต้องการสำหรับผู้ใช้ปลายทาง ขอแนะนำให้คุณยังคงรวม `injectedWallet` และ `walletConnectWallet` ในรายการของคุณเพื่อรองรับทุกแพลตฟอร์ม ขอแนะนำให้คุณยังคงรวม `injectedWallet` และ `walletConnectWallet` ในรายการของคุณเพื่อรองรับทุกแพลตฟอร์ม +นักพัฒนายังคงมีการควบคุมเต็มที่เหนือรายการกระเป๋าสตางค์ที่กำหนดเองเพื่อเน้นกระเป๋าสตางค์ที่ต้องการสำหรับผู้ใช้ปลายทาง ขอแนะนำให้คุณยังคงรวม `injectedWallet` และ `walletConnectWallet` ในรายการของคุณเพื่อรองรับทุกแพลตฟอร์ม -\*\*2. การตั้งค่า Wagmi ด้วย getDefaultConfig\*\* +**2. การตั้งค่า Wagmi ด้วย getDefaultConfig** -API ใหม่นี้ทำให้ประสบการณ์การกำหนดค่าง่ายขึ้นและทดแทนความจำเป็นในการใช้ `createConfig` ของ Wagmi โดยตรง การกำหนดค่าเชนถูกทำให้ง่ายขึ้น รวมถึงการให้บริการสาธารณะที่สามารถสรุปได้สำหรับ `transports` การกำหนดค่าเชนถูกทำให้ง่ายขึ้น รวมถึงการให้บริการสาธารณะที่สามารถสรุปได้สำหรับ `transports` การกำหนดค่าเชนถูกทำให้ง่ายขึ้น รวมถึงการให้บริการสาธารณะที่สามารถสรุปได้สำหรับ `transports` การกำหนดค่าเชนถูกทำให้ง่ายขึ้น รวมถึงการให้บริการสาธารณะที่สามารถสรุปได้สำหรับ `transports` การกำหนดค่าเชนถูกทำให้ง่ายขึ้น รวมถึงการให้บริการสาธารณะที่สามารถสรุปได้สำหรับ `transports` +API ใหม่นี้ทำให้ประสบการณ์การกำหนดค่าง่ายขึ้นและทดแทนความจำเป็นในการใช้ `createConfig` ของ Wagmi โดยตรง การกำหนดค่าเชนถูกทำให้ง่ายขึ้น รวมถึงการให้บริการสาธารณะที่สามารถสรุปได้สำหรับ `transports` รายการกระเป๋าเงินเริ่มต้นจะถูกรวมเข้ามาโดยอัตโนมัติ ทำให้ไม่จำเป็นต้องใช้ `getDefaultWallets` และ `connectorsForWallets` -คุณสามารถสร้างรายการกระเป๋าเงินที่กำหนดเองได้โดยการส่ง connectors กระเป๋าเงินที่นำเข้ามาหรือเชนที่กำหนดเองไปยัง `wallets` คุณสามารถสร้างรายการกระเป๋าเงินที่กำหนดเองได้โดยการส่ง connectors กระเป๋าเงินที่นำเข้ามาหรือเชนที่กำหนดเองไปยัง `wallets` ไม่จำเป็นต้องสร้าง connectors กระเป๋าเงินและส่ง `projectId` และ `chains` อีกต่อไป ไม่จำเป็นต้องสร้าง connectors กระเป๋าเงินและส่ง `projectId` และ `chains` อีกต่อไป คุณสามารถสร้างรายการกระเป๋าเงินที่กำหนดเองได้โดยการส่ง connectors กระเป๋าเงินที่นำเข้ามาหรือเชนที่กำหนดเองไปยัง `wallets` ไม่จำเป็นต้องสร้าง connectors กระเป๋าเงินและส่ง `projectId` และ `chains` อีกต่อไป ไม่จำเป็นต้องสร้าง connectors กระเป๋าเงินและส่ง `projectId` และ `chains` อีกต่อไป +คุณสามารถสร้างรายการกระเป๋าเงินที่กำหนดเองได้โดยการส่ง connectors กระเป๋าเงินที่นำเข้ามาหรือเชนที่กำหนดเองไปยัง `wallets` ไม่จำเป็นต้องสร้าง connectors กระเป๋าเงินและส่ง `projectId` และ `chains` อีกต่อไป ``` const config = getDefaultConfig({ @@ -122,7 +122,7 @@ const config = getDefaultConfig({ }) ``` -\*\*3. RainbowKitProvider\*\* +**3. RainbowKitProvider** คุณไม่จำเป็นต้องส่ง `chains` ไปยัง `` @@ -193,7 +193,7 @@ const config = getDefaultConfig({ }) ``` -**5. รายการกระเป๋าเงินที่กำหนดเอง** +**5. กระเป๋าเงินที่กำหนดเอง** คอนเนคเตอร์กระเป๋าเงินของ RainbowKit ได้รับการเปลี่ยนแปลงอย่างมากเพื่อรองรับ Wagmi v2. อ้างอิง [เอกสารที่อัปเดต](https://www.rainbowkit.com/docs/custom-wallets) และ [ตัวอย่างคอนเนคเตอร์](packages/rainbowkit/src/wallets/walletConnectors/rainbowWallet/rainbowWallet.ts) เพื่ออัปเกรดคอนเนคเตอร์กระเป๋าเงินที่กำหนดเองใน dApp ของคุณ. diff --git a/site/data/th/guides/walletconnect-v2.mdx b/site/data/th/guides/walletconnect-v2.mdx index 505c7e9310..23f44f8ebf 100644 --- a/site/data/th/guides/walletconnect-v2.mdx +++ b/site/data/th/guides/walletconnect-v2.mdx @@ -10,11 +10,11 @@ image: guide-walletconnect-v2.png โปรโตคอล WalletConnect v1 จะถูกปิดใช้งานในวันที่ 28 มิถุนายน 2023 และ RainbowKit สนับสนุนคุณให้การย้ายไปยังระบบใหม่สะดวกและง่ายดาย -การสนับสนุน WalletConnect v2 ตอนนี้เป็นมาตรฐานใน RainbowKit โดยไม่มีการเปลี่ยนแปลงที่จะทำให้เกิดความเสียหาย เพียงทำการอัปเกรดและอ้างอิงถึงคู่มือด้านล่างสำหรับรายละเอียดเพิ่มเติม เพียงทำการอัปเกรดและอ้างอิงถึงคู่มือด้านล่างสำหรับรายละเอียดเพิ่มเติม เพียงทำการอัปเกรดและอ้างอิงถึงคู่มือด้านล่างสำหรับรายละเอียดเพิ่มเติม เพียงทำการอัปเกรดและอ้างอิงถึงคู่มือด้านล่างสำหรับรายละเอียดเพิ่มเติม เพียงทำการอัปเกรดและอ้างอิงถึงคู่มือด้านล่างสำหรับรายละเอียดเพิ่มเติม +การสนับสนุน WalletConnect v2 ตอนนี้เป็นมาตรฐานใน RainbowKit โดยไม่มีการเปลี่ยนแปลงที่จะทำให้เกิดความเสียหาย เพียงทำการอัปเกรดและอ้างอิงถึงคู่มือด้านล่างสำหรับรายละเอียดเพิ่มเติม. #### ทำความเข้าใจเกี่ยวกับ WalletConnect v2 -WalletConnect เป็นโปรโตคอลที่ช่วยให้ผู้ใช้สามารถเชื่อมต่อกระเป๋าเงินออนไลน์ของพวกเขากับ dApp ของคุณ และเป็นฐานสำคัญของ RainbowKit WalletConnect เป็นโปรโตคอลที่ช่วยให้ผู้ใช้สามารถเชื่อมต่อกระเป๋าเงินออนไลน์ของพวกเขากับ dApp ของคุณ และเป็นฐานสำคัญของ RainbowKit การปล่อย WalletConnect v2 ล่าสุดนำเสนอการอัปเกรดที่สำคัญเพื่อทำให้ประสบการณ์การใช้กระเป๋าเงินกับ dApp ดียิ่งขึ้น การปล่อย WalletConnect v2 ล่าสุดนำเสนอการอัปเกรดที่สำคัญเพื่อทำให้ประสบการณ์การใช้กระเป๋าเงินกับ dApp ดียิ่งขึ้น WalletConnect เป็นโปรโตคอลที่ช่วยให้ผู้ใช้สามารถเชื่อมต่อกระเป๋าเงินออนไลน์ของพวกเขากับ dApp ของคุณ และเป็นฐานสำคัญของ RainbowKit การปล่อย WalletConnect v2 ล่าสุดนำเสนอการอัปเกรดที่สำคัญเพื่อทำให้ประสบการณ์การใช้กระเป๋าเงินกับ dApp ดียิ่งขึ้น การปล่อย WalletConnect v2 ล่าสุดนำเสนอการอัปเกรดที่สำคัญเพื่อทำให้ประสบการณ์การใช้กระเป๋าเงินกับ dApp ดียิ่งขึ้น WalletConnect เป็นโปรโตคอลที่ช่วยให้ผู้ใช้สามารถเชื่อมต่อกระเป๋าเงินออนไลน์ของพวกเขากับ dApp ของคุณ และเป็นฐานสำคัญของ RainbowKit การปล่อย WalletConnect v2 ล่าสุดนำเสนอการอัปเกรดที่สำคัญเพื่อทำให้ประสบการณ์การใช้กระเป๋าเงินกับ dApp ดียิ่งขึ้น การปล่อย WalletConnect v2 ล่าสุดนำเสนอการอัปเกรดที่สำคัญเพื่อทำให้ประสบการณ์การใช้กระเป๋าเงินกับ dApp ดียิ่งขึ้น +WalletConnect เป็นโปรโตคอลที่ช่วยให้ผู้ใช้สามารถเชื่อมต่อกระเป๋าเงินออนไลน์ของพวกเขากับ dApp ของคุณ และเป็นฐานสำคัญของ RainbowKit. การปล่อย WalletConnect v2 ล่าสุดนำเสนอการอัปเกรดที่สำคัญเพื่อทำให้ประสบการณ์การใช้กระเป๋าเงินกับ dApp ดียิ่งขึ้น. ด้วย v2, ผู้ใช้ของคุณสามารถเชื่อมต่อกับหลายๆ สายพร้อมกัน, ดังนั้นคุณสามารถลืมเกี่ยวกับการจับมือเพื่อสลับสายได้. มันยังขยายการสนับสนุนสำหรับเครือข่ายมากขึ้น, และนำความแก้ไขมาทำให้การลงชื่อเข้าใช้ด้วย Ethereum เร็วขึ้นด้วย. @@ -32,11 +32,11 @@ npm i @rainbow-me/rainbowkit@^1.0.2 wagmi@^1.2 หากคุณกำลังใช้เวอร์ชันของ RainbowKit ก่อน `0.12.x` หรือ `1.0.x`, เพียงปฏิบัติตาม [คำแนะนำการย้ายข้อมูล](/docs/migration-guide) เพื่อให้ทันสมัย. -แนะนำให้ dApps ที่เป็น `0.12.x` เริ่มการอัปเกรดไปยัง wagmi v1 เนื่องจากการปรับปรุงความเสถียรของ WalletConnect v2 จะรวมอยู่เฉพาะในเวอร์ชั่นใหม่ของ wagmi +แนะนำให้ dApps ที่เป็น `0.12.x` เริ่มการอัปเกรดไปยัง wagmi v1 เนื่องจากการปรับปรุงความเสถียรของ WalletConnect v2 จะรวมอยู่เฉพาะในเวอร์ชั่นใหม่ของ wagmi. -\*\*2. การให้ projectId +**2. การให้ projectId** -แอปพลิเคชันทุกๆ โปรแกรมที่พึ่งพา WalletConnect ตอนนี้จำเป็นต้องเรียก `projectId` จาก [WalletConnect Cloud](https://cloud.walletconnect.com/) นี่เป็นบริการฟรีและใช้เวลาไม่กี่นาที นี่เป็นบริการฟรีและใช้เวลาไม่กี่นาที นี่เป็นบริการฟรีและใช้เวลาไม่กี่นาที นี่เป็นบริการฟรีและใช้เวลาไม่กี่นาที นี่เป็นบริการฟรีและใช้เวลาไม่กี่นาที +แอปพลิเคชันทุกๆ โปรแกรมที่พึ่งพา WalletConnect ตอนนี้จำเป็นต้องเรียก `projectId` จาก [WalletConnect Cloud](https://cloud.walletconnect.com/). นี่เป็นบริการฟรีและใช้เวลาไม่กี่นาที. ข้อมูล `projectId` ของคุณไปยัง `getDefaultWallets` และ RainbowKit wallet connectors แต่ละตัวเหมือนต่อไปนี้: diff --git a/site/data/tr/docs/authentication.mdx b/site/data/tr/docs/authentication.mdx index b3e25f976f..eee74bf1ef 100644 --- a/site/data/tr/docs/authentication.mdx +++ b/site/data/tr/docs/authentication.mdx @@ -9,13 +9,13 @@ description: Kullanıcılarınızın kimlik doğrulaması İsteğe bağlı olarak, kullanıcıların bağlantı süreci sırasında cüzdanlarıyla bir mesaj imzalamasını şart koşabilirsiniz, böylece bağlı hesabın sahibi olduklarını kanıtlarlar ve uygulamanıza ayrıcalıklı erişimi olan bir kimlik doğrulamalı kullanıcı oturumu oluşturabilirsiniz. -Özel back-end'lerle ve mesaj formatlarıyla entegrasyon yapmak mümkün olsa da, RainbowKit öncelikli olarak [Ethereum ile Giriş Yapma](https://login.xyz) ve [NextAuth.js.](https://next-auth.js.org) için destek sağlar. +Özel back-end'lerle ve mesaj formatlarıyla entegrasyon yapmak mümkün olsa da, RainbowKit öncelikli olarak [Ethereum ile Giriş Yapma](https://login.xyz) ve [NextAuth.js](https://next-auth.js.org) için destek sağlar ### Ethereum ve NextAuth.js ile Giriş Yapmayı Ayarlayın -Henüz yapmadıysanız, önce [Next.js](https://nextjs.org) projenizi [resmi Ethereum ile Giriş Yapma boilerplate'i için NextAuth.js.](https://docs.login.xyz/integrations/nextauth.js) ile ayarlayın. +Henüz yapmadıysanız, önce [Next.js](https://nextjs.org) projenizi [resmi Ethereum ile Giriş Yapma boilerplate'i için NextAuth.js](https://docs.login.xyz/integrations/nextauth.js) ile ayarlayın -#### Yükle +#### Kur `@rainbow-me/rainbowkit-siwe-next-auth` paketini ve eş bağımlılığı [ethers](https://docs.ethers.org/v5/) kurun. diff --git a/site/data/tr/docs/chains.mdx b/site/data/tr/docs/chains.mdx index 978a5d50d6..93e0c58fd9 100644 --- a/site/data/tr/docs/chains.mdx +++ b/site/data/tr/docs/chains.mdx @@ -11,7 +11,7 @@ RainbowKit, [wagmi’nin `chain` nesnesi](https://wagmi.sh/react/chains) ile ent ### Başlangıç zincirini özelleştirme -Varsayılan olarak, RainbowKit ilk olarak Wagmi'ye sağlanan zincire bağlanacaktır. Bu davranış, `initialChain` prop aracılığıyla özelleştirilebilir. +Varsayılan olarak, RainbowKit, Wagmi'ye sağlanan ilk zincire bağlanacaktır. Bu davranış, `initialChain` prop aracılığıyla özelleştirilebilir. İlk zincir, bir zincir ID'si kullanılarak yapılandırılabilir. @@ -25,9 +25,9 @@ Bir kolaylık olarak, ayrıca bir zincir nesnesi geçirebilirsiniz. ``` -### Özel zincir meta verileri +### Özel zincir meta verisi -Birçok zincir ikonu ve arka planı varsayılan olarak sağlanmaktadır, ancak her zincir için ikon ve arka planı `iconUrl` ve `iconBackground` özelliklerini kullanarak özelleştirebilirsiniz. +Birçok zincir simgesi ve arka plan varsayılan olarak sağlanır, ancak her zincir için simge ve arka planı `iconUrl` ve `iconBackground` özelliklerini kullanarak özelleştirebilirsiniz. `getDefaultConfig` ile örnek diff --git a/site/data/tr/docs/connect-button.mdx b/site/data/tr/docs/connect-button.mdx index 490729ad3f..3caf3d34cc 100644 --- a/site/data/tr/docs/connect-button.mdx +++ b/site/data/tr/docs/connect-button.mdx @@ -7,7 +7,7 @@ description: ConnectButton'ı kullanma ve özelleştirme ## ConnectButton'ı kullanma ve özelleştirme -Bu ana bileşendir. Bağlanma/bağlantıyı kesme düğmesini ve zincir değiştirme kullanıcı arayüzünü oluşturmakla sorumludur. +Bu ana bileşendir. Bağlan/Bağlantıyı kes butonunu ve zincir değiştirme arayüzünü render etmekten sorumludur. ```tsx import { ConnectButton } from '@rainbow-me/rainbowkit'; @@ -17,11 +17,11 @@ export const YourApp = () => { }; ``` -> Not: Uygulamanızın gerekli sağlayıcılarla kaplandığından emin olun. [Daha fazla bilgi](/docs/installation#wrap-providers). +> Not: Uygulamanızın gerekli sağlayıcılarla sarılı olduğundan emin olun. [Daha fazla oku](/docs/installation#wrap-providers). -### Prop'lar +### Props -`ConnectButton` bileşeni, farklı elementlerin görünürlüğünü değiştirme dahil olmak üzere görünüşünü özelleştirmek için birkaç prop sunar. +`ConnectButton` bileşeni, görünümünü özelleştirmek için çeşitli props'ları açığa çıkarır, farklı öğelerin görünürlüğünü değiştirmeyi içeren. { ]} /> -> Not: yerleşik `largeScreen` kesme noktası `768px`dir. +> Not: Yerleşik `largeScreen` kırılma noktası `768px`'dir. ### Örnekler #### Etiket -Özel bir `ConnectButton` metni belirlemek için `label` prop'unu kullanın. +Özel bir `ConnectButton` metni ayarlamak için `label` props'unu kullanın. ```tsx @@ -76,15 +76,15 @@ export const YourApp = () => { #### Hesap durumu -`accountStatus` özelliğini kullanabileceğiniz birkaç farklı yol bulunmaktadır. +`accountStatus` props'unu farklı şekillerde kullanabileceğiniz bazı yollar. -Sadece hesabın avatarını gösterin. +Sadece hesabın avatarını göster. ```tsx ``` -Sadece hesabın adresini gösterin. +Sadece hesabın adresini göster. ```tsx @@ -92,29 +92,29 @@ Sadece hesabın adresini gösterin. #### Zincir durumu -`chainStatus` özelliğini kullanabileceğiniz birkaç farklı yol bulunmaktadır. +`chainStatus` props'unu farklı şekillerde kullanabileceğiniz bazı yollar. -Sadece mevcut zincirin simgesini gösterin. +Sadece mevcut zincirin ikonunu göster. ```tsx ``` -Sadece mevcut zincirin adını gösterin. +Sadece mevcut zincirin adını göster. ```tsx ``` -Zincir kullanıcı arayüzünü tamamen gizleyin. +Zincir arayüzünü tamamen gizle. ```tsx ``` -#### Bakiye göster +#### Bakiyeyi göster -`showBalance` özelliğini kullanarak bakiyeyi gizleme/gösterme işlemini gerçekleştirin. +Bakiyeyi gizlemek/göstermek için `showBalance` props'unu kullanın. Bakiyeyi gizle. @@ -122,11 +122,11 @@ Bakiyeyi gizle. ``` -#### Responsive +#### Duyarlı -Bu özellikler ayrıca responsive formatında da tanımlanabilir. +Bu props'lar aynı zamanda duyarlı bir formatta tanımlanabilir. -Küçük ekranlarda, sadece hesap simgesini gösterin. Fakat büyük ekranlarda, simge ve adresi gösterin. +Küçük ekranlarda, yalnızca hesap ikonunu göster. Fakat büyük ekranlarda, ikon ve adresi göster. ```tsx ``` -Küçük ekranlarda, bakiyeyi gizleyin. Ama büyük ekranlarda, göster. +Küçük ekranlarda, bakiyeyi gizle. Fakat büyük ekranlarda, göster. ```tsx ( ### Ama bu nedir? -Bir cüzdan, cüzdan listesinden seçildiğinde emoji patlamaları 🌈🌈🌈. Seçtiğiniz cüzdanın simgesini kullanır. +Cüzdan listesinden bir cüzdan seçildiğinde emoji patlamaları 🌈🌈🌈. Seçtiğiniz cüzdanın simgesini kullanır. #### Demo -Aşağıdaki düğmelere basarak havalı modun ne yaptığını görün. +Havalı modun ne yaptığını görmek için aşağıdaki düğmelere basın. diff --git a/site/data/tr/docs/custom-app-info.mdx b/site/data/tr/docs/custom-app-info.mdx index 1ae126cefe..d5d75c56c6 100644 --- a/site/data/tr/docs/custom-app-info.mdx +++ b/site/data/tr/docs/custom-app-info.mdx @@ -1,13 +1,13 @@ --- title: Özel Uygulama Bilgisi -description: Uygulamanızın bilgilerini özelleştirme +description: Uygulamanızın bilgilerini özelleştiriyorsunuz --- # Özel Uygulama Bilgisi -## Uygulamanızın bilgilerini özelleştirme +## Uygulamanızın bilgilerini özelleştiriyorsunuz -`RainbowKitProvider` için `appInfo` özelliği geçirerek uygulamanızın bilgilerini iletebilirsiniz. Değiştirebileceğiniz özellikler uygulamanın adı (`appName`) ve bağlantı modali içindeki "Daha Fazla Bilgi" düğmesinin yönlendirildiği bağlantı (`learnMoreUrl`) dir: +Uygulamanızın bilgilerini `RainbowKitProvider` için `appInfo` özelliğinde geçirebilirsiniz. Özelleştirebileceğiniz özellikler, uygulamanızın adı (`appName`) ve bağlantı modundaki “Daha Fazla Bilgi” düğmesinin yönlendirdiği bağlantıdır (`learnMoreUrl`): ```tsx import { RainbowKitProvider } from '@rainbow-me/rainbowkit'; @@ -27,9 +27,9 @@ const App = () => { }; ``` -### Bir Feragatname Ekleyin +### Bir Feragatname Ekle -Bağlantı modalının altında görüntülenecek kendi feragatnamenizi sağlayabilirsiniz. `appInfo` içindeki `disclaimer` özelliği, `Text` ve `Link` argümanları olan bir `DisclaimerComponent` alır. Tema sistemini miras alan kendi feragatnamenizi oluşturmak için bunu kullanabilirsiniz. TypeScript kullanıcıları için `DisclaimerComponent` türünü dışa aktarıyoruz: +Bağlantı modunun altına gösterilecek kendi feragatnamenizi sağlayabilirsiniz. `appInfo` içindeki `disclaimer` özelliği, `Text` ve `Link` argümanlarına sahip bir `DisclaimerComponent` alır. Temalandırma sistemini devralan kendi feragatnamenizi oluşturmak için kullanabilirsiniz. TypeScript kullanıcıları için `DisclaimerComponent` türünü dışa aktarıyoruz: ```tsx import { diff --git a/site/data/tr/docs/custom-authentication.mdx b/site/data/tr/docs/custom-authentication.mdx index bbfa8ed6ee..2f9c3614bc 100644 --- a/site/data/tr/docs/custom-authentication.mdx +++ b/site/data/tr/docs/custom-authentication.mdx @@ -7,13 +7,13 @@ description: Kendi kimlik doğrulama arka ucunuzla bağlantı kurun ## Kendi kimlik doğrulama arka ucunuzla bağlantı kurun -RainbowKit, Ethereum ve NextAuth.js ile Giriş için birinci sınıf desteğini sağlasa da, özel arka uçlar ve mesaj formatlarıyla da entegrasyon yapabilirsiniz. +RainbowKit, Ethereum ve NextAuth.js ile Giriş için [birinci sınıf desteğini sağlasa da,](/docs/authentication#set-up-sign-in-with-ethereum-and-nextauthjs) özel arka uçlar ve mesaj formatlarıyla da entegrasyon yapabilirsiniz. ### Özel bir adaptör oluşturma Öncelikle bir kimlik doğrulama adaptörü oluşturun. Bu, RainbowKit'in mesajlar oluşturmasına/hazırlamasına ve arka uçunuzla iletişim kurmasına olanak sağlar. -Örneğin, bize Ethereum ile Giriş yapmayı sağlayan özel API uç noktalarına karşı bir kimlik doğrulama adaptörü yapabiliriz. +Örneğin, bize [Ethereum ile Giriş](https://login.xyz) yapmayı sağlayan özel API uç noktalarına karşı bir [kimlik doğrulama adaptörü](https://wagmi.sh/examples/sign-in-with-ethereum) yapabiliriz ```tsx import { createAuthenticationAdapter } from '@rainbow-me/rainbowkit'; diff --git a/site/data/tr/docs/custom-avatars.mdx b/site/data/tr/docs/custom-avatars.mdx index 89e48a3963..eacc3bdf0a 100644 --- a/site/data/tr/docs/custom-avatars.mdx +++ b/site/data/tr/docs/custom-avatars.mdx @@ -7,7 +7,7 @@ description: Uygulamanızın kullanıcı avatarını özelleştirme ## Uygulamanızın kullanıcı avatarını özelleştirme -Varsayılan olarak, ENS resimleri ayarlanmamış kullanıcılar için bir avatar sağlarız, ancak bunu kendi avatar bileşeninizi sağlayarak özelleştirebilirsiniz. TypeScript kullanıyorsanız `AvatarComponent` türünü içe aktarabilirsiniz: +Varsayılan olarak, ENS resmi ayarlanmadığı takdirde kullanıcılar için bir avatar sağlıyoruz, ancak kendi avatar bileşeninizi sağlayarak bunu özelleştirebilirsiniz. TypeScript kullanıyorsanız `AvatarComponent` türünü içe aktarabilirsiniz: ```tsx import { @@ -48,4 +48,4 @@ const App = () => { }; ``` -`Avatar` prop'una aktarılan `AvatarComponent`'ın prop türleri şu şekildedir: `<{ address: string; ensImage?: string | null; size: number;}>` +`avatar` özelliğine geçirilen `AvatarComponent` şu tür özelliklere sahiptir: `<{ address: string; ensImage?: string | null; size: number;}>` diff --git a/site/data/tr/docs/custom-chains.mdx b/site/data/tr/docs/custom-chains.mdx index 254b1e7f42..e2ed44dca3 100644 --- a/site/data/tr/docs/custom-chains.mdx +++ b/site/data/tr/docs/custom-chains.mdx @@ -7,7 +7,7 @@ description: Bir özel zincir oluşturun ## Bir özel zincir oluşturun -Özel bir zincir oluşturmanıza yardımcı olmak için `Chain` tipini kullanabilirsiniz. Ardından, bunu `getDefaultConfig` veya Wagmi'nin [`createConfig`](https://wagmi.sh/core/api/createConfig#createconfig) fonksiyonuna geçirin. +Özel bir zincir oluşturmanıza yardımcı olmak için `Chain` tipini kullanabilirsiniz. Daha sonra, bunu `getDefaultConfig` veya Wagmi'nin [`createConfig`](https://wagmi.sh/core/api/createConfig#createconfig) fonksiyonuna geçirin. Örneğin, işte [avax.network](https://avax.network) için bir Avalanche zinciri nasıl oluşturabilirsiniz. diff --git a/site/data/tr/docs/custom-theme.mdx b/site/data/tr/docs/custom-theme.mdx index 901627e4b6..1e4902d083 100644 --- a/site/data/tr/docs/custom-theme.mdx +++ b/site/data/tr/docs/custom-theme.mdx @@ -7,11 +7,9 @@ description: Özel bir tema oluşturma ## Özel bir tema oluşturma -> Not: Bu API kararsızdır ve yakın gelecekte değişme olasılığı yüksektir -> . Şimdilik, [dahili temalar](/docs/theming) ile devam etmenizi öneririz -> . +> Not: Bu API kararsızdır ve yakın gelecekte değişiklik göstermesi muhtemeldir. Şimdilik [yerleşik temalara](/docs/theming) bağlı kalmanızı öneririz. -Dahili temalar belli bir düzeyde özelleştirmeye olanak sağlarken, `Theme` türü altında yatan tema değişkenlerine daha düşük seviyeli erişimle kendi özel temalarınızı tanımlamanıza yardımcı olur. +Yerleşik temalar bir miktar özelleştirme sağlar, ancak `Theme` türü, temel tema değişkenlerine daha alt düzeyde erişimle kendi özel temalarınızı tanımlamanıza yardımcı olmak için sağlanmıştır. ```tsx import { RainbowKitProvider, Theme } from '@rainbow-me/rainbowkit'; @@ -79,17 +77,17 @@ const App = () => ( ) ``` -### Bir dahili temayı genişletme +### Yerleşik bir temayı genişletme -Tüm temayı yeniden tanımlamadan bir dahili temayı genişletebilirsiniz. Bu, yalnızca belirli tema belirteçlerini geçersiz kılmak istediğinizde kullanışlıdır. +Tüm temayı yeniden tanımlamak zorunda kalmadan yerleşik bir temayı genişletebilirsiniz. Bu, yalnızca belirli tema jetonlarını geçersiz kılmak istediğinizde kullanışlıdır. -Bunu yapmak için, `lodash.merge`'i (veya eşdeğerini) yükleyin: +Bunu yapmak için `lodash.merge` (veya eşdeğerini) yükleyin: ```bash npm install lodash.merge ``` -Onu, genişletmek istediğiniz temayla birlikte (örneğin: `darkTheme`) ve TypeScript `Theme` türüyle içe aktarın: +Uzantılısı olarak, genişletmek istediğiniz temayı (örneğin: `darkTheme`) ve TypeScript `Theme` türünü yükleyin: ```tsx import merge from 'lodash.merge'; @@ -100,7 +98,7 @@ import { } from '@rainbow-me/rainbowkit'; ``` -Sonra, dahili temayı, geçersiz kılmak istediğiniz tema belirteçleriyle birleştirin. Bu örnekte, markamın vurgu rengiyle eşleşmesi için `accentColor` jetonunu geçersiz kılıyorum. +Daha sonra, yerleşik temayı, geçersiz kılmak istediğiniz tema jetonları ile birleştirin. Bu örnekte, markamın vurgu rengine uydurmak için `accentColor` jetonunu geçersiz kılıyorum. ```tsx const myTheme = merge(darkTheme(), { @@ -110,7 +108,7 @@ const myTheme = merge(darkTheme(), { } as Theme); ``` -Sonunda, özel temanızı `RainbowKitProvider`'ın `theme` özelliğine geçirebilirsiniz. +Son olarak, özel temanızı `RainbowKitProvider`'ın `theme` özelliğine geçebilirsiniz. ```tsx const App = () => { @@ -124,14 +122,14 @@ const App = () => { ### Özel tema seçicileri oluşturma -Uygulamanız sunucuda / statik olarak oluşturulmuş ve kullanıcıların manuel olarak temalar arasında geçiş yapmasına izin veriyorsa, RainbowKit'in temalama sistemi aşağıdaki fonksiyonlarla özel CSS seçicilere bağlanabilir, bu fonksiyonlar herhangi bir CSS-in-JS sistemiyle kullanılabilir: +Eğer uygulamanız sunucu/statik olarak render ediliyorsa ve kullanıcıların temalar arasında manuel olarak geçiş yapmasına izin veriyorsa, RainbowKit'in temalama sistemi, herhangi bir CSS-in-JS sistemiyle kullanılabilecek aşağıdaki işlevlerle özel CSS seçicilerine bağlanabilir: - `cssStringFromTheme` - `cssObjectFromTheme` -Bu fonksiyonlar, gerekli tüm tema değişkenlerini ayarlayan CSS döndürür. Hem dize hem de nesneler desteklendiği için bu, herhangi bir CSS-in-JS sistemiyle entegre edilebilir. +Bu işlevler, tüm gerekli tema değişkenlerini ayarlayan CSS'i döndürür. Hem dize hem de nesne desteklendiği için, bu herhangi bir CSS-in-JS sistemi ile entegre edilebilir. -Basit bir örnek olarak, her tema için özel seçicilerle kendi `style` öğenizi oluşturabilirsiniz. Temanın CSS'sinin oluşturulmasını kontrol ederken, RainbowKitProvider'ın bizim için herhangi bir stil oluşturmaması için `theme` özelliğine `null` geçiyoruz. cssStringFromTheme fonksiyonunda extend seçeneğinin kullanımına da dikkat edin; bu, temel tema ile aynı olan herhangi bir tema değişkenini dışlar. +Temel bir örnek olarak, her tema için özel seçicilerle kendi `style` öğenizi render edebilirsiniz. Temanın CSS'sinin render edilmesini kontrol ettiğimiz için, RainbowKitProvider'ın bizim için herhangi bir stil render etmemesi amacıyla `theme` özelliğine `null` geçiyoruz. Ayrıca, base tema ile aynı olan herhangi bir tema değişkenini dışarıda bırakan cssStringFromTheme işlevinde extends seçeneğinin kullanımına dikkat edin. ```tsx import { diff --git a/site/data/tr/docs/custom-wallet-list.mdx b/site/data/tr/docs/custom-wallet-list.mdx index 659d6d99cb..59a793c063 100644 --- a/site/data/tr/docs/custom-wallet-list.mdx +++ b/site/data/tr/docs/custom-wallet-list.mdx @@ -7,7 +7,7 @@ description: Cüzdan listesini özelleştirme ## Cüzdan listesini özelleştirme -`'@rainbow-me/rainbowkit/wallets'` dan tek tek cüzdanları `connectorsForWallets` fonksiyonu ile birlikte alabilir ve kendi cüzdan listenizi gerekli bağlantılarıyla birlikte oluşturabilirsiniz. Bu şekilde hangi cüzdanların gösterileceği ve hangi sırada gösterileceği konusunda tam kontrolünüz olur. +'@rainbow-me/rainbowkit/wallets' dan tek tek cüzdanları `connectorsForWallets` fonksiyonu ile birlikte alabilir ve kendi cüzdan listenizi gerekli bağlantılarıyla birlikte oluşturabilirsiniz. Bu şekilde hangi cüzdanların gösterileceği ve hangi sırada gösterileceği konusunda tam kontrolünüz olur. Örneğin, sadece Rainbow ve genel yedek cüzdanları göstermeyi seçebilirsiniz. @@ -58,7 +58,7 @@ const App = () => ( ); ``` -### Dahili cüzdanlar +### Yerleşik cüzdanlar Aşağıdaki cüzdanlar `wallet` nesnesi üzerinden sağlanır. @@ -76,30 +76,36 @@ Bu, listeye başka bir cüzdan tarafından sağlanmamış olan CüzdanBağlantı import { walletConnectWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -##### Enjekte Cüzdan +##### Injected Wallet -Bu, `window.ethereum` var olduğu halde başka bir cüzdanda sağlanmamış senaryolar için tasarlanmış bir yedek cüzdan seçeneğidir. Bu cüzdan, yedek gerekli olmadığında veya enjekte edilmiş cüzdan mevcut değilse kendini listeden otomatik olarak gizleyecektir. +`window.ethereum` var olduğu ancak listenizde başka bir cüzdan tarafından sağlanmadığı senaryolar için tasarlanmış bir yedek cüzdan seçeneğidir. Bu cüzdan, yedek olarak gerekli olmadığında veya kullanılabilir bir enjekte edilmiş cüzdan olmadığında otomatik olarak kendini listeden gizleyecektir. Bu cüzdan, yedekleme gerekmediğinde veya enjekte edilmiş bir cüzdan mevcut olmadığında otomatik olarak listeden gizlenecektir. -**Tüm enjekte cüzdanların desteklendiğinden emin olmak için bu cüzdanı listeye her zaman dahil etmeniz önerilir.** +Safe Wallet ```tsx import { injectedWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -##### Güvenli Cüzdan +##### Safe Cüzdan -Safe Apps destekleyen dApps için, kullanıcıların Safe kasaları veya çoklu imzaları ile kolayca bağlantı kurmalarını sağlamak için otomatik bağlantılar için `safeWallet` seçeneğini dahil edin. Güvenli seçenek yalnızca Safe Wallet tarayıcı ortamında görünür olacaktır. +Safe seçeneği sadece Safe Wallet tarayıcı ortamında görünecektir. Safe seçeneği yalnızca Safe Cüzdan tarayıcı ortamında görünecektir. ```tsx import { safeWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -### Belirli Cüzdanlar +### Özel Cüzdanlar Aşağıdaki cüzdanlar `wallet` nesnesi aracılığıyla sağlanır (alfabetik sıraya göre). #### Argent +```tsx +import { oneInchWallet } from '@rainbow-me/rainbowkit/wallets'; +``` + +#### Binance Web3 Wallet + ```tsx import { argentWallet } from '@rainbow-me/rainbowkit/wallets'; ``` @@ -107,60 +113,60 @@ import { argentWallet } from '@rainbow-me/rainbowkit/wallets'; #### Bitget ```tsx -import { bitgetWallet } from '@rainbow-me/rainbowkit/wallets'; +import { binanceWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Bifrost Cüzdanı +#### Bifrost Wallet ```tsx -import { bifrostWallet } from '@rainbow-me/rainbowkit/wallets'; +import { bitgetWallet } from '@rainbow-me/rainbowkit/wallets'; ``` #### Bitski ```tsx -import { bitskiWallet } from '@rainbow-me/rainbowkit/wallets'; +import { bifrostWallet } from '@rainbow-me/rainbowkit/wallets'; ``` #### Bitverse ```tsx -import { bitverseWallet } from '@rainbow-me/rainbowkit/wallets'; +import { bitskiWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Bloom Cüzdanı +#### Bloom Wallet ```tsx -import { bloomWallet } from '@rainbow-me/rainbowkit/wallets'; +import { bitverseWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Bybit Cüzdanı +#### Brave Wallet ```tsx -import { bybitWallet } from '@rainbow-me/rainbowkit/wallets'; +import { bloomWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Brave Cüzdan +#### Bybit Wallet ```tsx import { braveWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Binance Web3 Cüzdanı +#### Coinbase ```tsx -import { binanceWallet } from '@rainbow-me/rainbowkit/wallets'; +import { bybitWallet } from '@rainbow-me/rainbowkit/wallets'; ``` #### Coinbase -Bu cüzdan bağlayıcısı, hem Coinbase Cüzdan uygulamasını hem de uzantısını, ayrıca Web'de Coinbase Akıllı Cüzdan'ı destekler. +Bu cüzdan konnektörü hem Coinbase Wallet uygulamasını hem de eklentisini ayrıca Web üzerinde Coinbase Smart Wallet'ı destekler. -Kullanıcılar için Akıllı Cüzdan’ın etkinleştirilip etkinleştirilmeyeceğini kontrol etmek için bir `preference` argümanı mevcuttur. Tercih tabanlı davranış [burada](https://www.smartwallet.dev/sdk/makeWeb3Provider#parameters) belgelenmiştir. +Smart Wallet, Haziran başında herhangi bir ek yükseltme olmadan varsayılan olarak `hepsi` ile etkinleştirilecektir. Tercihe dayalı davranış [burada](https://www.smartwallet.dev/sdk/makeWeb3Provider#parameters) belgelenmiştir. -Akıllı Cüzdan, Haziran başında herhangi bir ek yükseltme olmadan varsayılan olarak `all` ile etkinleştirilecektir. +Smart Wallet, erken Haziran'da herhangi bir ek yükseltme yapmadan `all` ile varsayılan olarak etkinleştirilecektir. -Geliştiriciler, bugün `sepolia` ve `baseSepolia` zincirlerini ayarlayarak `smartWalletOnly` olarak test edebilir ve cüzdan listelerine `coinbaseWallet` ekleyebilirler: +Geliştiriciler, `smartWalletOnly` ayarını yaparak ve `coinbaseWallet`'i cüzdan listesine dahil ederek bugün `sepolia` ve `baseSepolia` zincirlerinde Smart Wallet'ı test edebilirler: ```tsx import { coinbaseWallet } from '@rainbow-me/rainbowkit/wallets'; @@ -169,205 +175,211 @@ import { coinbaseWallet } from '@rainbow-me/rainbowkit/wallets'; coinbaseWallet.preference = 'smartWalletOnly'; ``` -#### Compass Cüzdanı +#### Core ```tsx -import { compassWallet } from '@rainbow-me/rainbowkit/compassWallet'; +import { coin98Wallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Coin98 Wallet +#### Dawn Wallet ```tsx -import { coin98Wallet } from '@rainbow-me/rainbowkit/wallets'; +import { compassWallet } from '@rainbow-me/rainbowkit/compassWallet'; ``` -#### Core +#### Enkrypt Wallet ```tsx import { coreWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Dawn Wallet +#### FoxWallet ```tsx import { dawnWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Enkrypt Wallet +#### Frame Wallet ```tsx import { enkryptWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### FoxWallet +#### Frontier Wallet ```tsx import { foxWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Frame Wallet +#### Gate Wallet ```tsx import { frameWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Frontier Wallet +#### Frontier Cüzdan ```tsx import { frontierWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Gate Cüzdanı +#### Gate Cüzdan ```tsx import { gateWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Ledger Live +#### imToken ```tsx -import { ledgerWallet } from '@rainbow-me/rainbowkit/wallets'; +import { imTokenWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### imToken +#### ioPay Cüzdan ```tsx -import { imTokenWallet } from '@rainbow-me/rainbowkit/wallets'; +import { iopayWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Kraken Cüzdanı +#### Kraken Wallet ```tsx -import { krakenWallet } from '@rainbow-me/rainbowkit/wallets'; +import { kaiaWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Kresus Cüzdanı +#### Kresus Wallet ```tsx -import { kresusWallet } from '@rainbow-me/rainbowkit/wallets'; +import { kaikasWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Kaikas +#### Ledger Live ```tsx -import { kaikasWallet } from '@rainbow-me/rainbowkit/wallets'; +import { krakenWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Magic Eden Cüzdanı +#### Magic Eden Wallet ```tsx -import { magicEdenWallet } from '@rainbow-me/rainbowkit/wallets'; +import { kresusWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### MetaMask +#### Ledger Live ```tsx -import { metaMaskWallet } from '@rainbow-me/rainbowkit/wallets'; +import { ledgerWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### MEW Wallet +#### MetaMask ```tsx -import { mewWallet } from '@rainbow-me/rainbowkit/wallets'; +import { magicEdenWallet } from '@rainbow-me/rainbowkit/wallets'; ``` #### OKX Wallet ```tsx -import { okxWallet } from '@rainbow-me/rainbowkit/wallets'; +import { mewWallet } from '@rainbow-me/rainbowkit/wallets'; ``` #### Omni ```tsx -import { omniWallet } from '@rainbow-me/rainbowkit/wallets'; +import { metaMaskWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### 1inch Cüzdanı +#### OneKey ```tsx -import { oneInchWallet } from '@rainbow-me/rainbowkit/wallets'; +import { okxWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### OneKey +#### Phantom + +```tsx +import { omniWallet } from '@rainbow-me/rainbowkit/wallets'; +``` + +#### Rabby Wallet ```tsx import { oneKeyWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Phantom +#### Rainbow ```tsx import { phantomWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Rabby Wallet +#### Ramper Wallet ```tsx import { rabbyWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Rainbow +#### Ronin Wallet ```tsx import { rainbowWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Ramper Cüzdanı +#### Safeheron ```tsx import { ramperWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Ronin Cüzdanı +#### Taho ```tsx import { roninWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Safeheron +#### Talisman ```tsx import { safeheronWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Taho +#### Tokenary ```tsx import { tahoWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Talisman +#### TokenPocket ```tsx import { talismanWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Tokenary +#### Trust Wallet ```tsx import { tokenaryWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### TokenPocket +#### Uniswap Wallet ```tsx import { tokenPocketWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Trust Wallet +#### Trust Cüzdan ```tsx import { trustWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Uniswap Wallet +#### Uniswap Cüzdanı ```tsx import { uniswapWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### XDEFI Wallet +#### XDEFI Cüzdanı ```tsx import { xdefiWallet } from '@rainbow-me/rainbowkit/wallets'; diff --git a/site/data/tr/docs/installation.mdx b/site/data/tr/docs/installation.mdx index 88c5f1e98a..21bc84e9e9 100644 --- a/site/data/tr/docs/installation.mdx +++ b/site/data/tr/docs/installation.mdx @@ -116,7 +116,7 @@ Bazı build araçları ek kurulum gerektirecektir. ##### Remix -[Remix](https://remix.run) kullanırken, `buffer`, `events` ve `http` modüllerini polyfill yapmanız gerekmektedir. Aşağıdaki Remix konfigürasyonuna veya [örnek Remix projemize](https://github.com/rainbow-me/rainbowkit/blob/main/examples/with-remix) referans alın. +[Remix](https://remix.run) kullanırken, `buffer`, `events` ve `http` modüllerini polyfill yapmanız gerekiyor. Aşağıdaki Remix yapılandırmasına veya [örnek Remix projemize](https://github.com/rainbow-me/rainbowkit/blob/main/examples/with-remix) referans verin. ```ts /** @type {import('@remix-run/dev').AppConfig} */ @@ -128,13 +128,13 @@ export default { }; ``` -### Dağıtıma hazırlanıyor +### Yayınlamaya hazırlanıyor -Varsayılan olarak, dApp'iniz her zincir için bakiyeleri getirmek, ENS isimlerini çözmek ve daha fazlası için genel RPC sağlayıcılarını kullanır. Bu, genel düğümlerin hız sınırlamasına tabi olması nedeniyle kullanıcılarınız için güvenilirlik sorunlarına sıkça neden olabilir. Bunun yerine, [Alchemy](https://www.alchemy.com/) veya [QuickNode](https://www.quicknode.com/) gibi hizmetler aracılığıyla bir RPC sağlayıcısına erişim satın almalı ve Wagmi'de kendi Transports'unuzu tanımlamalısınız. Bu, `getDefaultConfig` içindeki `transports` parametresini ekleyerek veya doğrudan Wagmi'nin `createConfig` fonksiyonu kullanılarak gerçekleştirilebilir. +Varsayılan olarak, dApp'iniz, dengeleri getirmek, ENS adlarını çözmek ve daha fazlası için her zincir için genel RPC sağlayıcılarını kullanır. Bu, genellikle kullanıcılarınız için güvenilirlik sorunlarına neden olabilir, çünkü genel nodlar oran sınırlıdır. Bunun yerine, [Alchemy](https://www.alchemy.com/) veya [QuickNode](https://www.quicknode.com/) gibi hizmetler aracılığıyla bir RPC sağlayıcısına erişim satın almalı ve Wagmi'de kendi Transportlarınızı tanımlamalısınız. Bu, `getDefaultConfig` içine `transports` parametresini ekleyerek veya doğrudan Wagmi'nin `createConfig` yoluyla gerçekleştirilebilir. -Bir Transport, Ethereum Node Sağlayıcısına (Alchemy, Infura vb. gibi) JSON-RPC isteklerini gönderen ağ orta katmanıdır. +Transport, JSON-RPC isteklerini Ethereum Node Sağlayıcısına (Alchemy, Infura, vb. gibi) göndermeyi yöneten ağın orta katmanıdır. -**Bir `http` transport ile örnek** +`http` transport ile örnek ```tsx import { getDefaultConfig } from '@rainbow-me/rainbowkit'; @@ -156,11 +156,11 @@ Daha fazla ayrıntı için, [wagmi transport belgelerini](https://wagmi.sh/core/ ### Kendi işlevselliğinizi ekleyin -Artık kullanıcılarınız cüzdanlarını bağlayabilir, [wagmi.](https://wagmi.sh) kullanarak uygulamanızın geri kalanını oluşturmaya başlayabilirsiniz. +Artık kullanıcılarınız cüzdanlarını bağlayabilir, [wagmi](https://wagmi.sh) kullanarak uygulamanızın geri kalanını oluşturmaya başlayabilirsiniz Wagmi'nin kapsamlı React Hooks seti ile işlemler gönderin, sözleşmelerle etkileşimde bulunun, ENS detaylarını çözün ve çok daha fazlasını yapın. -Daha fazla ayrıntı için, [wagmi belgelerini](https://wagmi.sh) görüntüleyin. +Daha fazla ayrıntı için, [wagmi belgelerini](https://wagmi.sh) görüntüleyin ### Daha fazla örnek @@ -169,7 +169,7 @@ RainbowKit örneklerinin bazılarını çalıştırmanın yada yeni bir proje ot RainbowKit'i doğrudan tarayıcınızda denemek için aşağıdaki CodeSandbox linklerini kontrol edin: - [Create React App](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-create-react-app) ile -- [Next.js]ile (https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-next) +- [Next.js](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-next) ile - [Next.js App Router](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-next-app) ile -- [Remix]ile (https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-remix) -- [Vite]ile (https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-vite) +- [Remix](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-remix) ile +- [Vite](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-vite) ile diff --git a/site/data/tr/docs/introduction.mdx b/site/data/tr/docs/introduction.mdx index 7e76a78440..c402b52d31 100644 --- a/site/data/tr/docs/introduction.mdx +++ b/site/data/tr/docs/introduction.mdx @@ -31,7 +31,7 @@ EIP-1193 ve EIP-6963 gibi cüzdan standartları kutudan çıkar çıkmaz destekl Topluluğun RainbowKit'i benimseme, sorunları belirtme ve geri bildirim sağlama konusunda heyecanlıyız. Bir özellik isteği, hata raporu veya sergileyecek bir proje olup olmadığına bakılmaksızın, lütfen katılın! -- Bir [issue]oluşturun (https://github.com/rainbow-me/rainbowkit/issues) +- Bir [issue] oluşturun (https://github.com/rainbow-me/rainbowkit/issues) - Takip edin [Twitter](https://twitter.com/rainbowdotme) - Paylaşın [feedback](https://github.com/rainbow-me/rainbowkit/discussions/new?category=feedback) - Deneyin [Codesandbox](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-next) diff --git a/site/data/tr/docs/localization.mdx b/site/data/tr/docs/localization.mdx index e3e7622ab2..23c7a08208 100644 --- a/site/data/tr/docs/localization.mdx +++ b/site/data/tr/docs/localization.mdx @@ -66,26 +66,28 @@ Aşağıdaki `locale` bölgeleri için tam destek sağlarız:
diff --git a/site/data/tr/docs/migration-guide.mdx b/site/data/tr/docs/migration-guide.mdx index 3c71295aab..6d6b764598 100644 --- a/site/data/tr/docs/migration-guide.mdx +++ b/site/data/tr/docs/migration-guide.mdx @@ -106,7 +106,7 @@ Yeni EIP-6963 bağlantı standardını destekleyen cüzdanlar (Rainbow, MetaMask Geliştiriciler, son kullanıcılar için tercih edilen cüzdanları vurgulamak üzere Özel Cüzdan Listesi üzerinde tam kontrol sahibi olmaya devam eder. Tüm platformları desteklemek için listenize `injectedWallet` ve `walletConnectWallet`'ı dahil etmeye devam etmeniz önerilir. -**2. getDefaultConfig ile Wagmi yapılandırması** +**2. GetDefaultConfig ile Wagmi yapılandırması** Bu yeni API, konfigürasyon deneyimini basitleştirir ve Wagmi'nin `createConfig`'unu doğrudan kullanma ihtiyacını ortadan kaldırır. Zincir konfigürasyonu basitleştirilmiştir, `transports` için varsayılan kamu sağlayıcıları çıkarılmıştır. @@ -124,7 +124,7 @@ const config = getDefaultConfig({ }) ``` -**3. RainbowKitProvider** +**3. RainbowKit Sağlayıcı** Artık `` için `chains` geçmenize gerek yok. @@ -203,7 +203,7 @@ Cüzdan bağlayıcıları artık `rdns` özelliği ile EIP-6963 standardını da ### 1.x.x Kırıcı değişiklikler -#### wagmi v1'e güncellendi +#### Wagmi v1'e güncellendi [wagmi](https://wagmi.sh) eş bağımlılık '1.x.x.' ye güncellendi. @@ -225,7 +225,7 @@ npm i viem Not: wagmi artık `ethers` paketini dahili olarak kullanmaz. Ancak [Authentication](https://www.rainbowkit.com/docs/authentication) API'ına güvenirseniz, `siwe` hala bir peer bağımlılığı olarak `ethers` gerektirecektir. -**3. **Demetleyici ve polyfill uyumluluğunu sağlayın\*\* +**3. Demetleyici ve polyfill uyumluluğunu sağlayın** Wagmi'nin önceki sürümlerinde WalletConnect tarafından gerektirilen `fs`, `net` ve `tls` modülleri otomatik olarak polyfilled idi [ethers](https://docs.ethers.org/v5/) ile. RainbowKit v1 + wagmi v1 ile bu artık durum böyle değil, bunlar [viem](https://viem.sh/) üzerine kurulmuştur. @@ -237,9 +237,9 @@ Vite ve Remix için ek RainbowKit framework rehberleri mevcuttur [here](https:// Uygulamanızda `wagmi` kancalarını kullanıyorsanız, `wagmi`'nin v1'e taşınma rehberini takip etmeniz gerekecektir. -[Taşınma rehberlerini buradan görebilirsiniz](https://wagmi.sh/react/migration-guide). +[Geçiş rehberini buradan görebilirsiniz](https://wagmi.sh/react/migration-guide). -### 0.12.x Kırılma Değişiklikleri +### 0.12.x Kırıcı değişiklikler Wagmi peer bağımlılığı `0.12.x`'e güncellendi. @@ -251,7 +251,7 @@ Her dApp'in şimdi WalletConnect v2'yi etkinleştirmek için bir [WalletConnect Taşımak için aşağıdaki adımları takip edin. -#### 1. RainbowKit ve `wagmi` yi en güncel versiyonlarına yükseltin +#### 1. RainbowKit ve 'wagmi' yi en son sürümüne yükseltin ```bash npm i @rainbow-me/rainbowkit@^0.12.0 wagmi@^0.12.0 @@ -285,77 +285,77 @@ const connectors = connectorsForWallets([ ]); ``` -### 0.11.x Bozucu değişiklikler +### 0.11.x Kırıcı değişiklikler Wagmi eş bağımlılığı `0.11.x` olarak güncellendi. Taşımak için aşağıdaki adımları takip edin. -#### 1. RainbowKit ve `wagmi` yi en güncel versiyonlarına yükseltin +#### 1. RainbowKit ve 'wagmi' yi en son sürümüne yükseltin ```bash npm i @rainbow-me/rainbowkit@^0.11.0 wagmi@^0.11.0 ``` -#### 2. `wagmi`de bozucu değişiklikleri kontrol edin +#### 2. `wagmi`de kırılma değişikliklerini kontrol edin Eğer uygulamanızda `wagmi` kancaları kullanıyorsanız, uygulamanızın `wagmi`deki bozucu değişikliklerden etkilenip etkilenmediğini kontrol etmeniz gerekecektir. [Geçiş rehberini buradan görebilirsiniz](https://wagmi.sh/react/migration-guide#011x-breaking-changes). -### 0.10.x Bozucu değişiklikler +### 0.10.x Kırıcı değişiklikler Wagmi eş bağımlılığı `0.10.x` olarak güncellendi. Taşımak için aşağıdaki adımları takip edin. -#### 1. RainbowKit ve `wagmi` yi en güncel versiyonlarına yükseltin +#### 1. RainbowKit ve 'wagmi' yi en son sürümüne yükseltin ```bash npm i @rainbow-me/rainbowkit@^0.10.0 wagmi@^0.10.0 ``` -#### 2. `wagmi`de bozucu değişiklikleri kontrol edin +#### 2. `wagmi`de kırılma değişikliklerini kontrol edin Eğer uygulamanızda `wagmi` kancaları kullanıyorsanız, uygulamanızın `wagmi`deki bozucu değişikliklerden etkilenip etkilenmediğini kontrol etmeniz gerekecektir. -[Burada onların göç rehberini görebilirsiniz](https://wagmi.sh/react/migration-guide#010x-breaking-changes). +[Geçiş rehberini buradan görebilirsiniz](https://wagmi.sh/react/migration-guide#010x-breaking-changes). ### 0.9.x Kırıcı değişiklikler -Wagmi eş baglılığı `0.9.x` olarak güncellendi. +Wagmi eş bağımlılığı `0.9.x` olarak güncellendi. Taşımak için aşağıdaki adımları takip edin. -#### 1. RainbowKit ve `wagmi` yi en güncel versiyonlarına yükseltin +#### 1. RainbowKit ve 'wagmi' yi en son sürümüne yükseltin ```bash npm i @rainbow-me/rainbowkit@^0.9.0 wagmi@^0.9.0 ``` -#### 2. `wagmi`de bozucu değişiklikleri kontrol edin +#### 2. `wagmi`de kırılma değişikliklerini kontrol edin Eğer uygulamanızda `wagmi` kancaları kullanıyorsanız, uygulamanızın `wagmi`deki bozucu değişikliklerden etkilenip etkilenmediğini kontrol etmeniz gerekecektir. -[Migrasyon rehberlerini buradan görebilirsiniz](https://wagmi.sh/react/migration-guide#09x-breaking-changes). +[Geçiş rehberini buradan görebilirsiniz](https://wagmi.sh/react/migration-guide#09x-breaking-changes). -### 0.8.x Kırılma değişiklikleri +### 0.8.x Kırıcı değişiklikler -Wagmi bağımlılık eşleşmesi `0.8.x`'e güncellendi. +Wagmi eş bağımlılığı `0.8.x` olarak güncellendi. Taşımak için aşağıdaki adımları takip edin. -#### 1. RainbowKit ve `wagmi` yi en güncel versiyonlarına yükseltin +#### 1. RainbowKit ve 'wagmi' yi en son sürümüne yükseltin ```bash npm i @rainbow-me/rainbowkit@^0.8.0 wagmi@^0.8.0 ``` -#### 2. `wagmi`de bozucu değişiklikleri kontrol edin +#### 2. `wagmi`de kırılma değişikliklerini kontrol edin Eğer uygulamanızda `wagmi` kancaları kullanıyorsanız, uygulamanızın `wagmi`deki bozucu değişikliklerden etkilenip etkilenmediğini kontrol etmeniz gerekecektir. -[Göç rehberlerini burada görebilirsiniz](https://wagmi.sh/react/migration-guide#08x-breaking-changes). +[Geçiş rehberini buradan görebilirsiniz](https://wagmi.sh/react/migration-guide#08x-breaking-changes). ### 0.7.x Kırıcı değişiklikler @@ -412,13 +412,13 @@ RainbowKit ve wagmi'yi en son sürüme yükseltin npm i @rainbow-me/rainbowkit@^0.4.0 wagmi@^0.5.0 ``` -#### 2. `wagmi`de bozucu değişiklikleri kontrol edin +#### 2. `wagmi`de kırılma değişikliklerini kontrol edin Eğer uygulamanızda `wagmi` kancaları kullanıyorsanız, uygulamanızın `wagmi`deki bozucu değişikliklerden etkilenip etkilenmediğini kontrol etmeniz gerekecektir. -[Taşınma rehberlerini buradan görebilirsiniz](https://wagmi.sh/react/migration-guide#05x-breaking-changes). +[Göç rehberlerini burada görebilirsiniz](https://wagmi.sh/react/migration-guide#05x-breaking-changes). -### 0.3.x Kırıcı değişiklikler +### 0.3.x Kırılma Değişiklikleri `Wallet` tipinde `createConnector`dan `chainId` parametresi kaldırıldı. @@ -478,7 +478,7 @@ const connectors = connectorsForWallets([ ]); ``` -### 0.2.x Kırıcı değişiklikler +### 0.2.x Kırılma Değişiklikleri RainbowKit, `wagmi` eşbağımlılığını `^0.4`a güncelledi. @@ -492,7 +492,7 @@ RainbowKit ve wagmi'yi en son sürüme yükseltin npm i @rainbow-me/rainbowkit@^0.2.0 wagmi@^0.4.2 ``` -#### 2. configureChains import'unu değiştir +#### 2. Replace configureChains import `configureChains`ı RainbowKit yerine wagmi'den içe aktar: diff --git a/site/data/tr/docs/modal-hooks.mdx b/site/data/tr/docs/modal-hooks.mdx index 1b1232f83c..8649babb82 100644 --- a/site/data/tr/docs/modal-hooks.mdx +++ b/site/data/tr/docs/modal-hooks.mdx @@ -7,13 +7,13 @@ description: Kancalar aracılığıyla programatik olarak modalların açılmas ## Kancalar aracılığıyla programatik olarak modalların açılması -Modalların programatik olarak açılmasına izin veren aşağıdaki Kanca'lar sağlanmıştır. +Uygulamanızın herhangi bir yerinde modalların programatik olarak açılmasına olanak tanımak için aşağıdaki kancalar sağlanmıştır. - `useConnectModal` - `useAccountModal` - `useChainModal` -Bu Kanca'lardan her biri, ilgili modalı açmak için bir fonksiyon içeren bir nesne döndürür. Modalin açılması için gerekli durumda olmadığında, döndürülen fonksiyonların tanımlanamayacağına dikkat edin. +Bu kancaların her biri, ilgili modalın açılması için bir işlev içeren bir nesne döndürür. Uygulamanız modalın açılması için gerekli durumda değilse, döndürülen işlevlerin tanımsız olacağını unutmayın. ```tsx import { @@ -51,7 +51,7 @@ export const YourApp = () => { }; ``` -Her kanca ayrıca modalın durumu için bir boolean döndürür. Tipik olarak, Connect Modalın durumuna dayanmak yerine, bir kullanıcının cüzdan bağlantı durumuna doğrudan tepki vermek için yalnızca Wagmi kancalarına (`useAccount` gibi) güvenmeniz önerilir. +Her kanca ayrıca modalın durumu için bir boole değeri döndürür. Genellikle, kullanıcının cüzdan bağlantı durumuna doğrudan tepki vermek için Wagmi kancalarına (ör. `useAccount`) tamamen güvenmeniz ve Connect Modal durumuna güvenmemeniz önerilir. ```tsx const { connectModalOpen } = useConnectModal(); @@ -59,6 +59,6 @@ const { accountModalOpen } = useAccountModal(); const { chainModalOpen } = useChainModal(); ``` -RainbowKit, kesintisiz ve duyarlı olacak şekilde tasarlanmıştır, bu yüzden dApps, kullanıcıların cüzdanlarını bağlamış olup olmadıklarına bakılmaksızın her zaman bir arayüz render etmelidir. Bir kullanıcı, cüzdanını MetaMask üzerinden doğrudan bağlayabilir veya bağlantısını kesebilir, bu yüzden dApp, doğrudan altta yatan bağlantı durumuna duyarlı olmalıdır. +RainbowKit, kesintisiz ve duyarlı olacak şekilde tasarlanmıştır, bu nedenle dApp'ler, kullanıcının cüzdanını bağlayıp bağlamadığına bakılmaksızın her zaman bir arayüz oluşturmalıdır. Bir kullanıcı, MetaMask'tan direkt olarak cüzdanını bağlayabilir veya bağlantısını kesebilir, bu yüzden dApp, temel bağlantı durumuna doğrudan duyarlı olmalıdır. -Kullanıcı doğrulaması için Ethereum ile Oturum açma gibi mekanizmalara dayanan dApps, bunun yerine [Authentication](/docs/authentication) özelliğine güvenmelidir. +Kullanıcı doğrulaması için Ethereum ile Oturum Açma gibi mekanizmalara güvenen dApp'ler bunun yerine [Kimlik Doğrulama](/docs/authentication) özelliğine güvenmelidir. diff --git a/site/data/tr/docs/modal-sizes.mdx b/site/data/tr/docs/modal-sizes.mdx index 39ffa302a4..34ad29763a 100644 --- a/site/data/tr/docs/modal-sizes.mdx +++ b/site/data/tr/docs/modal-sizes.mdx @@ -1,21 +1,21 @@ --- title: Modal Boyutları -description: Geniş vs. Sıkı +description: Geniş vs. Kompakt --- # Modal Boyutları -## Geniş vs. Sıkı boyut +## Geniş vs. Kompakt boyut -Varsayılan olarak, RainbowKit'in `modalSize`'ı `wide` (geniş) olarak ayarlanmıştır (ve böyle görünür): +Varsayılan olarak, RainbowKit'in `modalSize`'ı `wide` olarak ayarlanmıştır (ve bu şekilde görünür): -Ayrıca bir `compact` (sıkı) modal boyutu da sağlarız, bu da böyle görünür: +Ayrıca şu şekilde görünen bir `compact` modal boyutu da sağlıyoruz: -Modal boyutunuzu `compact` (sıkı) olarak ayarlamak için, yalnızca `modalSize="compact"`'ı `RainbowKitProvider`'ınızdaki bir özellik olarak ekleyin: +Modal boyutunuzu `compact` olarak ayarlamak için, sadece `modalSize="compact"`'i `RainbowKitProvider`'ınızda bir prop olarak ekleyin: ```tsx import { RainbowKitProvider } from '@rainbow-me/rainbowkit'; diff --git a/site/data/tr/docs/recent-transactions.mdx b/site/data/tr/docs/recent-transactions.mdx index 5aef1851bf..41f8f56c6c 100644 --- a/site/data/tr/docs/recent-transactions.mdx +++ b/site/data/tr/docs/recent-transactions.mdx @@ -7,11 +7,11 @@ description: Son işlemlerinizi gösterin ## Son işlemlerinizi gösterin -RainbowKit'in hesap modülünde son işlemlerin görüntülenmesine izin verebilirsiniz. Tüm işlemlerin yerel depolamada tutulduğunu ve görüntülenebilmeleri için manuel olarak RainbowKit ile kayıt edilmesi gerektiğini unutmayın. +RainbowKit'in hesap modalı içinde son işlemleri görüntülemeyi seçebilirsiniz. Tüm işlemlerin yerel depolama alanında tutulduğunu ve görüntülenebilmesi için manuel olarak RainbowKit ile kaydedilmesi gerektiğini unutmayın. -Varsayılan `ConnectButton` uygulaması, bekleyen işlemler varsa kullanıcının avatarının etrafında bir yükleme göstergesi de görüntüleyecektir. Özel `ConnectButton` uygulamaları, bu davranışı `account.hasPendingTransactions` özelliği aracılığıyla render fonksiyonunuza ileterek yeniden oluşturabilir. +Varsayılan `ConnectButton` uygulaması, bekleyen herhangi bir işlem varsa kullanıcının avatarının etrafında bir yükleme göstergesi de görüntüler. Özel `ConnectButton` uygulamaları, render fonksiyonunuza geçirilen `account.hasPendingTransactions` özelliği aracılığıyla bu davranışı yeniden oluşturabilir. -Bu özelliği kullanmak için, öncelikle `RainbowKitProvider` da `showRecentTransactions` seçeneğini etkinleştirin. +Bu özelliği kullanmak için önce `RainbowKitProvider` üzerinde `showRecentTransactions` seçeneğini etkinleştirin. ```tsx import { RainbowKitProvider } from '@rainbow-me/rainbowkit'; @@ -25,7 +25,7 @@ const App = () => { }; ``` -İşlemler daha sonra `useAddRecentTransaction` kancasını kullanarak RainbowKit ile kaydedilebilir. +Bu işlemden sonra işlemler `useAddRecentTransaction` kancası kullanılarak RainbowKit ile kaydedilebilir. ```tsx import { useAddRecentTransaction } from '@rainbow-me/rainbowkit'; @@ -48,9 +48,9 @@ export default () => { }; ``` -Bir işlem RainbowKit ile kaydedildikten sonra, durumu tamamlanma üzerine güncellenecektir. +Bir işlem RainbowKit ile kaydedildikten sonra, tamamlandığında durumu güncellenecektir. -Varsayılan olarak, işlem bir işlem yapıldıktan sonra tek bir blok çıkarıldığında tamamlanmış sayılacaktır, ancak bunu özel bir `confirmations` değeri belirterek yapılandırabilirsiniz. +Varsayılan olarak, işlemin tamamlandığı, işlem yapıldığı bloğun üzerine bir blok daha çıkarıldığında kabul edilir, ancak bu özel bir `confirmations` değeri belirlenerek yapılandırılabilir. ```tsx import { useAddRecentTransaction } from '@rainbow-me/rainbowkit'; diff --git a/site/data/tr/docs/theming.mdx b/site/data/tr/docs/theming.mdx index 972e92037f..8b76075e1a 100644 --- a/site/data/tr/docs/theming.mdx +++ b/site/data/tr/docs/theming.mdx @@ -1,9 +1,9 @@ --- -title: Temalandırma +title: Tema Oluşturma description: Temaları kullanma ve özelleştirme --- -# Temalandırma +# Tema Oluşturma ## Temaları kullanma ve özelleştirme @@ -175,7 +175,7 @@ export const App = () => ( `accentColor` config'ını çeşitli yollarla kullanabilirsiniz. -Vurgu rengini özel mor değeri olarak ayarlayın. +Vurgu rengini özel bir mor değere ayarlayın. ```tsx import { RainbowKitProvider, darkTheme } from '@rainbow-me/rainbowkit'; @@ -256,9 +256,9 @@ const App = () => { }; ``` -> Hatırlatma: mevcut kenar yarıçapı değerleri: `large` (default), `medium`, `small` ve `none`. +> Hatırlatma: mevcut kenar yarıçapı değerleri: `large` (varsayılan), `medium`, `small` ve `none`. -#### Yazı tipi yığınağı +#### Yazı tipi yığını Varsayılan olarak, `fontStack` `rounded` olarak ayarlanmıştır. Ama işte `fontStack` konfigürasyonunu nasıl kullanabileceğiniz. @@ -309,8 +309,8 @@ const App = () => { `accentColor`, `borderRadius` ve `fontStack` propsları ile farklı temaları nasıl kullanabileceğinizin birkaç farklı yolu. - `lightTheme` temasını kullanın -- Vurgu rengini özel bir mor değere ayarlayın -- Kenar yuvarlaklığını `medium` olarak ayarlayın +- Vurgu rengini özel mor değeri olarak ayarlayın +- Kenar yarıçapını `medium` olarak ayarlayın - Yazı tipi yığınını `system` olarak ayarlayın ```tsx @@ -362,7 +362,7 @@ const App = () => { #### Karanlık mod desteği -Uygulamanız ışık ve karanlık modlar arasında geçiş yapmak için standart 'prefers-color-scheme: dark' medya sorgusunu kullanıyorsa, seçeneğe bağlı olarak 'lightMode' ve 'darkMode' değerlerini içeren dinamik bir tema nesnesi sağlayabilirsiniz. +Uygulamanız ışık ve karanlık modlar arasında geçiş yapmak için standart `prefers-color-scheme: dark` medya sorgusunu kullanıyorsa, seçeneğe bağlı olarak `lightMode` ve `darkMode` değerlerini içeren dinamik bir tema nesnesi sağlayabilirsiniz. ```tsx import { diff --git a/site/data/tr/docs/wallet-button.mdx b/site/data/tr/docs/wallet-button.mdx index 36e322b22b..04ac8f2aab 100644 --- a/site/data/tr/docs/wallet-button.mdx +++ b/site/data/tr/docs/wallet-button.mdx @@ -1,13 +1,13 @@ --- -title: CüzdanDüğmesi -description: CüzdanDüğmesi'nin Kullanımı ve Özelleştirilmesi +title: WalletButton +description: WalletButton'ı kullanma ve özelleştirme --- -# CüzdanDüğmesi +# WalletButton -> Not: `WalletButton` şu anda EIP-1193 cüzdan standardına dayanıyor, ancak yakın gelecekte EIP-6963'ü destekleyecek. +> Not: `WalletButton` şu anda EIP-1193 cüzdan standardına dayanmaktadır, ancak yakında EIP-6963 desteği de sağlayacaktır. -Yeni `WalletButton` bileşeni, özel cüzdan listesi uygulamalarında RainbowKit'i benimsemeleri ve bakım gerektirmeyen tüm avantajlarından faydalanmalarına yardımcı olur. +Yeni `WalletButton` bileşeni, özel cüzdan listesi uygulamaları olan dApp'lerin RainbowKit'i ve onun bakım gerektirmeyen tüm avantajlarını benimsemelerine yardımcı olur. ```tsx import { WalletButton } from '@rainbow-me/rainbowkit'; @@ -17,7 +17,7 @@ import { WalletButton } from '@rainbow-me/rainbowkit'; ``` -`ConnectButton` gibi, `WalletButton.Custom` bileşeni özel uygulamalar ve stillemeler için kullanılabilir. +ConnectButton gibi, `WalletButton.Custom` bileşeni de özelleştirilmiş uygulamalar ve stil için kullanılabilir. ```tsx @@ -35,7 +35,7 @@ import { WalletButton } from '@rainbow-me/rainbowkit'; ``` -Çoğu dApp, [ConnectButton](https://www.rainbowkit.com/docs/connect-button) ile en iyi şekilde hizmet verilir. `WalletButton` benimseme ve kullanımı hakkında daha fazla bilgi için dokümantasyona başvurun [here](https://www.rainbowkit.com/docs/wallet-button). +Çoğu dApp, [ConnectButton](https://www.rainbowkit.com/docs/connect-button) ile en iyi şekilde hizmet alır. `WalletButton` benimseme ve kullanım durumları hakkında daha fazla bilgi için dokümanlara [buradan](https://www.rainbowkit.com/docs/wallet-button) bakın. #### Demo diff --git a/site/data/tr/guides/rainbow-button.mdx b/site/data/tr/guides/rainbow-button.mdx index 5518e6d2e5..3e9ab5e6e8 100644 --- a/site/data/tr/guides/rainbow-button.mdx +++ b/site/data/tr/guides/rainbow-button.mdx @@ -1,10 +1,10 @@ --- -title: dApp'inize Rainbow Button'u benimsemek +title: dApp'inize Rainbow Button'u Benimsemek description: Wagmi için Rainbow cüzdanlarını desteklemek için kullanılacak tak ve çalıştır bir kütüphane image: rehber-gokkusagi-butonu.png --- -# dApp'inize Rainbow Button'u benimsemek +# dApp'inize Rainbow Button'u Benimsemek `RainbowButton` bileşeni, `wagmi` kullanan ve daha özelleştirilmiş bir bağdaştırıcı deneyimi tercih eden dApp'lere Rainbow Wallet desteği eklemenin en basit yoludur. [RainbowKit](https://www.rainbowkit.com/docs/installation). diff --git a/site/data/tr/guides/rainbowkit-wagmi-v2.mdx b/site/data/tr/guides/rainbowkit-wagmi-v2.mdx index 362fd04be8..288378e77c 100644 --- a/site/data/tr/guides/rainbowkit-wagmi-v2.mdx +++ b/site/data/tr/guides/rainbowkit-wagmi-v2.mdx @@ -104,7 +104,7 @@ Yeni EIP-6963 bağlantı standardını destekleyen cüzdanlar (Rainbow, MetaMask Geliştiriciler, son kullanıcılar için tercih edilen cüzdanları vurgulamak üzere Özel Cüzdan Listesi üzerinde tam kontrol sahibi olmaya devam eder. Tüm platformları desteklemek için listenize `injectedWallet` ve `walletConnectWallet`'ı dahil etmeye devam etmeniz önerilir. -**2. getDefaultConfig ile Wagmi yapılandırması** +**2. GetDefaultConfig ile Wagmi yapılandırması** Bu yeni API, konfigürasyon deneyimini basitleştirir ve Wagmi'nin `createConfig`'unu doğrudan kullanma ihtiyacını ortadan kaldırır. Zincir konfigürasyonu basitleştirilmiştir, `transports` için varsayılan kamu sağlayıcıları çıkarılmıştır. @@ -122,7 +122,7 @@ const config = getDefaultConfig({ }) ``` -**3. RainbowKitProvider** +**3. RainbowKit Sağlayıcı** Artık `` için `chains` geçmenize gerek yok. diff --git a/site/data/tr/guides/walletconnect-v2.mdx b/site/data/tr/guides/walletconnect-v2.mdx index 4082f03f09..64fec8b3c7 100644 --- a/site/data/tr/guides/walletconnect-v2.mdx +++ b/site/data/tr/guides/walletconnect-v2.mdx @@ -18,11 +18,11 @@ WalletConnect, kullanıcıların mobil cüzdanlarını dApp'inize bağlamasını v2 ile kullanıcılarınız artık birden çok zincire eşzamanlı olarak bağlanabilir, bu yüzden zincir değiştirme tokalaşmasını unutabilirsiniz. Ayrıca daha fazla ağ için desteği genişletir ve Ethereum ile Oturum açmayı daha hızlı hale getiren iyileştirmeler getirir. -#### dApp'ınızı yükseltme +#### dApp'inizi yükseltme Eğer zaten RainbowKit `0.12.x` ve `1.0.x` için göç rehberlerini izlediyseniz, neredeyse oradasınız! Sadece en son yama sürümüne yükseltin ve bir deneyin. -RainbowKit, `0.12.15` ve `1.0.2` ile varsayılan olarak WalletConnect v2'yi etkinleştirdi. dApp'ınız henüz wagmi v1 ve RainbowKit v1'e yükseltilmediği sürece `0.12.x` için desteği sürdürüyoruz. +RainbowKit, `0.12.15` ve `1.0.2` ile varsayılan olarak WalletConnect v2'yi etkinleştirdi. dApp'iniz henüz wagmi v1 ve RainbowKit v1'e yükseltilmediği sürece `0.12.x` için desteği sürdürüyoruz. **1. Bağımlılıkları Yükseltme** @@ -60,12 +60,12 @@ const connectors = connectorsForWallets([ ]); ``` -RainbowKit tip güvenliğine sahip olup bir `projectId` eksik olduğunda sizi uyarır. v2'nin aksiyonda görmek için örneklerimize başvurun: +RainbowKit tip güvenliğine sahip olup bir `projectId` eksik olduğunda sizi uyarır. v2'yi aksiyonda görmek için örneklerimize başvurun: -- [Create React App](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-create-react-app) -- [Next.js](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-next) -- [Next.js Uygulama Yönlendiricisi](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-next-app) -- [Remix](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-remix) -- [Vite](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-vite) +- [Create React App](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-create-react-app) ile +- [Next.js](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-next) ile +- [Next.js App Router](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-next-app) ile +- [Remix](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-remix) ile +- [Vite](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-vite) ile Ek desteklenen seçenekler için [docs](https://www.rainbowkit.com/docs/custom-wallet-list#walletconnect) referansını inceleyin. diff --git a/site/data/ua/docs/authentication.mdx b/site/data/ua/docs/authentication.mdx index e9cf259bfa..0292e854ad 100644 --- a/site/data/ua/docs/authentication.mdx +++ b/site/data/ua/docs/authentication.mdx @@ -77,7 +77,7 @@ export default function App({ Ви можете налаштувати [опції повідомлення SIWE](https://github.com/spruceid/siwe/blob/v1.1.6/packages/siwe/lib/client.ts#L29), передавши функцію до пропу `getSiweMessageOptions` на `RainbowKitSiweNextAuthProvider`. -Ця функція буде викликана кожного разу, коли створюється нове повідомлення. Опції, що повертаються з цієї функції, будуть об'єднані з параметрами за замовчуванням. +Ця функція буде викликатися кожного разу, коли створюється нове повідомлення. Опції, повернуті з цієї функції, будуть об'єднані з налаштуваннями за замовчуванням. ```tsx import { @@ -98,7 +98,7 @@ const getSiweMessageOptions: GetSiweMessageOptions = () => ({ #### Доступ до сесії на серверній стороні -Ви можете отримати доступ до токену сесії за допомогою функції `getToken` від NextAuth, імпортованої з `next-auth/jwt`. Якщо користувач успішно пройшов аутентифікацію, властивість `sub` токена сесії ("суб'єкт" токена, тобто користувач) буде адресою користувача. +Ви можете отримати доступ до токену сесії за допомогою функції NextAuth `getToken`, яка імпортується з `next-auth/jwt`. Якщо користувач успішно аутентифікувався, властивість `sub` токену сесії ("предмет" токену, тобто користувач) буде адресою користувача. Ви також можете передати об'єкт сесії, який був розгорнутий на сервері, через `getServerSideProps`, щоб NextAuth не потребував його повторного розгортання на клієнті. diff --git a/site/data/ua/docs/chains.mdx b/site/data/ua/docs/chains.mdx index 16eabb7653..53f53685c5 100644 --- a/site/data/ua/docs/chains.mdx +++ b/site/data/ua/docs/chains.mdx @@ -7,11 +7,11 @@ description: Налаштування ланцюгів ## Налаштування ланцюгів -RainbowKit розроблений для інтеграції з [об’єктом `chain` від wagmi](https://wagmi.sh/react/chains). Перегляньте список підтримуваних ланцюгів [тут](https://wagmi.sh/react/chains#supported-chains). +RainbowKit розроблений для інтеграції з об'єктом [wagmi `chain`](https://wagmi.sh/react/chains). Перегляньте список підтримуваних ланцюгів [тут](https://wagmi.sh/react/chains#supported-chains). ### Налаштування початкового ланцюга -За замовчуванням, RainbowKit підключиться до першої мережі, яку ви надасте Wagmi. Цю поведінку можна налаштувати через властивість `initialChain`. +За замовчуванням RainbowKit буде підключатися до першого ланцюга, наданого Wagmi. Цю поведінку можна налаштувати за допомогою властивості `initialChain`. Початковий ланцюг можна налаштувати, використовуючи ідентифікатор ланцюга. @@ -25,11 +25,11 @@ RainbowKit розроблений для інтеграції з [об’єкт ``` -### Метадані користувацької мережі +### Користувацькі метадані ланцюгів -Декілька іконок та фонів мережі надаються за замовчуванням, але ви можете налаштувати іконку та фон для кожної мережі, використовуючи властивості `iconUrl` та `iconBackground`. +Декілька значків і фонових зображень ланцюгів доступні за замовчуванням, але ви можете налаштувати значок і фон для кожного ланцюга за допомогою властивостей `iconUrl` та `iconBackground`. -Приклад з використанням `getDefaultConfig` +Приклад з `getDefaultConfig` ```tsx import { mainnet, optimism } from 'wagmi/chains'; @@ -50,7 +50,7 @@ const config = getDefaultConfig({ }); ``` -Приклад з використанням `createConfig` +Приклад з `createConfig` ```tsx import { mainnet, optimism } from 'wagmi/chains'; diff --git a/site/data/ua/docs/connect-button.mdx b/site/data/ua/docs/connect-button.mdx index 2d1df71c2f..e8dfc1d6d8 100644 --- a/site/data/ua/docs/connect-button.mdx +++ b/site/data/ua/docs/connect-button.mdx @@ -7,7 +7,7 @@ description: Використання та налаштування ConnectButto ## Використання та налаштування ConnectButton -Це основний компонент. Він відповідає за відображення кнопки підключення/відключення, а також інтерфейсу зміни мережі. +Це головний компонент. Він відповідає за відображення кнопки підключення/відключення, а також UI для зміни ланцюжка. ```tsx import { ConnectButton } from '@rainbow-me/rainbowkit'; @@ -17,11 +17,11 @@ export const YourApp = () => { }; ``` -> Примітка: Переконайтеся, що ваш додаток обгорнуто в необхідні провайдери. [Дізнатися більше](/docs/installation#wrap-providers). +> Примітка: Переконайтесь, що ваш застосунок обгорнутий у необхідні провайдери. [Докладніше](/docs/installation#wrap-providers). -### Пропси +### Властивості -Компонент `ConnectButton` надає кілька пропсів для налаштування його вигляду, включаючи перемикання видимості різних елементів. +Компонент `ConnectButton` надає кілька властивостей для налаштування його зовнішнього вигляду, включаючи перемикання видимості різних елементів. { ]} /> -> Примітка: вбудований брейкпоінт `largeScreen` становить `768px`. +> Примітка: вбудована точка розриву `largeScreen` становить `768px`. ### Приклади #### Мітка -Використовуйте властивість `label`, щоб встановити спеціальний текст для `ConnectButton`. +Використовуйте властивість `label` для встановлення користувацького тексту `ConnectButton`. ```tsx ``` -#### Статус акаунта +#### Статус облікового запису Ось кілька різних способів використання властивості `accountStatus`. -Показувати лише аватар акаунта. +Показуйте лише аватар облікового запису. ```tsx ``` -Показувати лише адресу акаунта. +Показуйте лише адресу облікового запису. ```tsx ``` -#### Статус мережі +#### Статус ланцюжка Ось кілька різних способів використання властивості `chainStatus`. -Показувати лише іконку поточної мережі. +Показуйте лише значок поточного ланцюжка. ```tsx ``` -Показувати лише назву поточної мережі. +Показуйте лише назву поточного ланцюжка. ```tsx ``` -Приховати інтерфейс мережі повністю. +Приховайте UI ланцюжка повністю. ```tsx ``` -#### Показати баланс +#### Показувати баланс -Використовуйте властивість `showBalance`, щоб приховати/показати баланс. +Використовуйте властивість `showBalance` для приховування/показу балансу. Приховати баланс. @@ -122,11 +122,11 @@ export const YourApp = () => { ``` -#### Адаптивний +#### Адаптивне налаштування Ці властивості також можна визначити в адаптивному форматі. -На малих екранах показувати тільки іконку облікового запису. Але на великих екранах показувати іконку та адресу. +На малих екранах показуйте лише значок облікового запису. А на великих екранах показуйте як значок, так і адресу. ```tsx { /> ``` -На малих екранах приховувати баланс. Але на великих екранах показувати його. +На малих екранах приховайте баланс. А на великих екранах показуйте його. ```tsx ( ### Але що це таке? -Емодзі-вибухи, коли гаманець вибирається зі списку гаманців 🌈🌈🌈. Використовується іконка обраного гаманця. +Вибухи емодзі, коли гаманець обирається зі списку гаманців 🌈🌈🌈. Це використовує іконку обраного вами гаманця. #### Демо diff --git a/site/data/ua/docs/custom-app-info.mdx b/site/data/ua/docs/custom-app-info.mdx index 647da0f373..1eb32bf8bc 100644 --- a/site/data/ua/docs/custom-app-info.mdx +++ b/site/data/ua/docs/custom-app-info.mdx @@ -7,7 +7,7 @@ description: Налаштування інформації вашого дода ## Налаштування інформації вашого додатку -Ви можете передати інформацію вашого додатку в проп `appInfo` для `RainbowKitProvider`. Властивості, які ви можете змінити, - це назва вашого додатку (`appName`) та посилання, куди перенаправляє кнопка “Дізнатися більше” у модальному вікні підключення (`learnMoreUrl`): +Ви можете передати інформацію вашого додатку через властивість `appInfo` для `RainbowKitProvider`. Властивості, які ви можете змінювати: ім'я додатку (`appName`) та посилання, куди веде кнопка “Дізнатися більше” у модальному вікні з'єднання (`learnMoreUrl`): ```tsx import { RainbowKitProvider } from '@rainbow-me/rainbowkit'; @@ -27,9 +27,9 @@ const App = () => { }; ``` -### Додати застереження +### Додайте відмову від відповідальності -Ви можете надати власне застереження, яке буде відображатися внизу модального вікна підключення. Властивість `disclaimer` в `appInfo` приймає `DisclaimerComponent` з аргументами `Text` та `Link`. Ви можете використовувати це для створення власного застереження, яке наслідує систему тематизації. Ми експортуємо тип `DisclaimerComponent` для користувачів TypeScript: +Ви можете дати власну відмову від відповідальності, яка буде показана внизу модального вікна з'єднання. Властивість `disclaimer` в `appInfo` приймає `DisclaimerComponent` з аргументами `Text` та `Link`. Ви можете використати це для створення власної відмови від відповідальності, яка наслідує систему темоформування. Ми експортуємо тип `DisclaimerComponent` для користувачів TypeScript: ```tsx import { diff --git a/site/data/ua/docs/custom-authentication.mdx b/site/data/ua/docs/custom-authentication.mdx index 6c37e98906..66cb729523 100644 --- a/site/data/ua/docs/custom-authentication.mdx +++ b/site/data/ua/docs/custom-authentication.mdx @@ -11,7 +11,7 @@ RainbowKit надає [першокласну підтримку для Sign-In ### Створення користувацького адаптера -Спочатку створіть адаптер автентифікації. Це дозволяє RainbowKit створювати/підготовлювати повідомлення та зв'язуватися з вашим сервером. +Спершу створіть адаптер автентифікації. Це дозволяє RainbowKit створювати/підготовляти повідомлення та спілкуватися з вашим сервером. Наприклад, ми можемо зробити адаптер автентифікації, який дозволяє нам використовувати [Sign-In with Ethereum](https://login.xyz) з деякими [користувацькими API-кінцевими точками.](https://wagmi.sh/examples/sign-in-with-ethereum) diff --git a/site/data/ua/docs/custom-avatars.mdx b/site/data/ua/docs/custom-avatars.mdx index 1bd25229b3..dc251c8070 100644 --- a/site/data/ua/docs/custom-avatars.mdx +++ b/site/data/ua/docs/custom-avatars.mdx @@ -1,13 +1,13 @@ --- title: Користувацькі Аватари -description: Налаштування аватара користувача вашого додатку +description: Налаштування аватару користувача вашого додатку --- # Користувацькі Аватари -## Налаштування аватара користувача вашого додатку +## Налаштування аватару користувача вашого додатку -За замовчуванням ми надаємо аватар для користувачів у випадку, якщо їх зображення ENS не встановлено, але ви можете налаштувати це, надавши свій компонент аватара. Ви можете імпортувати тип `AvatarComponent`, якщо використовуєте TypeScript: +За замовчуванням ми надаємо аватар для користувачів, якщо їхнє зображення ENS не встановлено, але ви можете налаштувати це, надавши свій власний компонент аватара. Ви можете імпортувати тип `AvatarComponent`, якщо використовуєте TypeScript: ```tsx import { @@ -48,4 +48,4 @@ const App = () => { }; ``` -Переданий у властивість `avatar` компонент `AvatarComponent` має такі типи пропсів: `<{ address: string; ensImage?: string | null; size: number;}>` +Компонент `AvatarComponent`, переданий в властивість `avatar`, має такі типи властивостей: `<{ address: string; ensImage?: string | null; size: number;}>` diff --git a/site/data/ua/docs/custom-chains.mdx b/site/data/ua/docs/custom-chains.mdx index 710c62adee..58376105a7 100644 --- a/site/data/ua/docs/custom-chains.mdx +++ b/site/data/ua/docs/custom-chains.mdx @@ -7,7 +7,7 @@ description: Створення користувацького ланцюга ## Створення користувацького ланцюга -Ви можете використовувати тип `Chain` для створення користувацького ланцюга. Потім передайте це до `getDefaultConfig` або [`createConfig`](https://wagmi.sh/core/api/createConfig#createconfig) від Wagmi. +Ви можете використати тип `Chain`, щоб допомогти вам створити користувацький ланцюг. Потім передайте це до `getDefaultConfig` або [`createConfig`](https://wagmi.sh/core/api/createConfig#createconfig) від Wagmi. Наприклад, ось як ви можете створити ланцюг Avalanche для [avax.network](https://avax.network). diff --git a/site/data/ua/docs/custom-connect-button.mdx b/site/data/ua/docs/custom-connect-button.mdx index 1849372e4e..9ff016c78e 100644 --- a/site/data/ua/docs/custom-connect-button.mdx +++ b/site/data/ua/docs/custom-connect-button.mdx @@ -7,7 +7,7 @@ description: Створення користувацької кнопки під ## Створення користувацької кнопки підключення -Ви можете використовувати низькорівневий `ConnectButton.Custom`, щоб створити власну кнопку підключення. Цей компонент відтворює функцію, яка містить усе необхідне для повторного реалізування вбудованих кнопок. +You can use the low-level `ConnectButton.Custom` to create your own custom connection button. This component renders a function, which includes everything you need to re-implement the built-in buttons. Мінімальна повторна реалізація вбудованих кнопок може виглядати приблизно так: diff --git a/site/data/ua/docs/custom-theme.mdx b/site/data/ua/docs/custom-theme.mdx index c40fe67773..d191f507ed 100644 --- a/site/data/ua/docs/custom-theme.mdx +++ b/site/data/ua/docs/custom-theme.mdx @@ -7,11 +7,10 @@ description: Створення користувацької теми ## Створення користувацької теми -> Примітка: Цей API нестабільний і, ймовірно, зазнає змін -> у найближчому майбутньому. Ми рекомендуємо наразі дотримуватися [вбудованих тем](/docs/theming) -> . +> Примітка: Цей API нестабільний і, ймовірно, зміниться +> у найближчому майбутньому. Рекомендуємо наразі користуватись [вбудованими темами](/docs/theming). -Хоча вбудовані теми забезпечують певний рівень налаштування, тип `Theme` надається для того, щоб ви могли визначити власні користувацькі теми з більш низькорівневим доступом до базових змінних теми. +Хоча вбудовані теми забезпечують певний рівень налаштування, тип `Theme` дозволяє визначити власні користувацькі теми з доступом до базових змінних теми. ```tsx import { RainbowKitProvider, Theme } from '@rainbow-me/rainbowkit'; @@ -81,7 +80,7 @@ const App = () => ( ### Розширення вбудованої теми -Ви можете розширити вбудовану тему, не визначаючи повністю всю тему заново. Це корисно, коли ви хочете перевизначити лише конкретні токени теми. +Ви можете розширити вбудовану тему, не переозначаючи всю тему знову. Це корисно, коли ви хочете перевизначити лише певні токени теми. Для цього встановіть `lodash.merge` (або еквівалент): @@ -89,7 +88,7 @@ const App = () => ( npm install lodash.merge ``` -Імпортуйте його разом з темою, яку ви хочете розширити (наприклад, `darkTheme`) та типом TypeScript `Theme` : +Імпортуйте його разом із темою, яку ви хочете розширити (наприклад: `darkTheme`), та типом TypeScript `Theme`: ```tsx import merge from 'lodash.merge'; @@ -100,7 +99,7 @@ import { } from '@rainbow-me/rainbowkit'; ``` -Потім об'єднайте вбудовану тему з токенами теми, які ви хочете змінити. У цьому прикладі я змінюю токен `accentColor`, щоб він відповідав акцентному кольору мого бренду. +Потім об'єднайте вбудовану тему з токенами теми, які ви хочете перевизначити. У цьому прикладі я перевизначаю токен `accentColor` щоб відповідати акцентному кольору мого бренду. ```tsx const myTheme = merge(darkTheme(), { @@ -110,7 +109,7 @@ const myTheme = merge(darkTheme(), { } as Theme); ``` -Наостанок, тепер ви можете передати вашу власну тему до `theme` пропу `RainbowKitProvider`. +Нарешті, ви можете передати свою користувацьку тему як властивість `theme` до `RainbowKitProvider`. ```tsx const App = () => { @@ -122,16 +121,16 @@ const App = () => { }; ``` -### Створення власних селекторів тем +### Створення користувацьких селекторів теми -Якщо ваш додаток рендериться на сервері/статично та дозволяє користувачам вручну перемикати теми, систему тематизації RainbowKit можна підключити до власних CSS селекторів за допомогою наступних функцій, які можуть бути використані з будь-якою системою CSS-in-JS: +Якщо ваш додаток створюється на сервері або статично і дозволяє користувачам вручну переключатися між темами, система тем RainbowKit може бути підключена до користувацьких селекторів CSS за допомогою наступних функцій, які можна використовувати з будь-якою системою CSS-in-JS: - `cssStringFromTheme` - `cssObjectFromTheme` -Ці функції повертають CSS, який встановлює всі необхідні змінні теми. Оскільки підтримуються як рядки, так і об'єкти, це може бути інтегровано з будь-якою системою CSS-in-JS. +Ці функції повертають CSS, що встановлює всі необхідні змінні теми. Оскільки підтримуються як рядки, так і об'єкти, це можна інтегрувати з будь-якою системою CSS-in-JS. -Як простий приклад, ви можете відрендерити власний елемент `style` з власними селекторами для кожної теми. Оскільки ми беремо під контроль відтворення CSS теми, ми передаємо `null` в проп `theme`, щоб RainbowKitProvider не відтворював за нас жодних стилів. Також зверніть увагу на використання опції extends у функції cssStringFromTheme, яка виключає будь-які змінні теми, що збігаються з базовою темою. +Для простого прикладу, ви можете створити свій власний елемент `style` з користувацькими селекторами для кожної теми. Оскільки ми самостійно контролюємо рендеринг CSS теми, ми передаємо `null` в властивість `theme` щоб RainbowKitProvider не рендерив жодних стилів для нас. Також зверніть увагу на використання опції extends у функції cssStringFromTheme, яка виключає будь-які змінні теми, що є однаковими з базовою темою. ```tsx import { diff --git a/site/data/ua/docs/custom-wallet-list.mdx b/site/data/ua/docs/custom-wallet-list.mdx index e5fd2ca497..e2f94ce3c9 100644 --- a/site/data/ua/docs/custom-wallet-list.mdx +++ b/site/data/ua/docs/custom-wallet-list.mdx @@ -7,7 +7,7 @@ description: Налаштування списку гаманців ## Налаштування списку гаманців -Ви можете імпортувати індивідуальні гаманці з `'@rainbow-me/rainbowkit/wallets'` разом з функцією `connectorsForWallets`, щоб побудувати власний список гаманців з необхідними конекторами. Таким чином, ви маєте повний контроль над тим, які гаманці відображати та в якому порядку. +Ви можете імпортувати окремі гаманці з `'@rainbow-me/rainbowkit/wallets'` разом з функцією `connectorsForWallets`, щоб створити власний список гаманців з необхідними коннекторами. Таким чином, ви маєте повний контроль над тим, які гаманці відображати і в якому порядку. Наприклад, ви можете вирішити показувати лише Rainbow разом з універсальними запасними гаманцями. @@ -32,7 +32,7 @@ const connectors = connectorsForWallets( ); ``` -Потім ви можете передати ваші конектори до `createConfig` від Wagmi. +Ви можете передати свої коннектори до `createConfig` Wagmi. ```tsx import { connectorsForWallets } from '@rainbow-me/rainbowkit'; @@ -64,7 +64,7 @@ const App = () => ( #### Загальні Гаманці -Наступні гаманці охоплені загальними методами підключення, а не конкретними додатками. В результаті, рекомендується завжди включати ці гаманці. +Нижче наведені гаманці призначені для загальних методів підключення, а не для конкретних додатків. Як результат, рекомендується завжди включати ці гаманці. ##### WalletConnect @@ -78,7 +78,7 @@ import { walletConnectWallet } from '@rainbow-me/rainbowkit/wallets'; ##### Вбудований Гаманець -Це варіант резервного гаманця, призначений для сценаріїв, коли `window.ethereum` існує, але не був наданий жодним іншим гаманцем у списку. Цей гаманець автоматично приховується зі списку, коли резервне використання не є необхідним або якщо жоден інжектований гаманець не доступний. +Це варіант резервного гаманця, розроблений для сценаріїв, коли `window.ethereum` існує, але не був наданий іншим гаманцем у списку. Цей гаманець автоматично приховує себе зі списку, коли резерв не потрібен або якщо немає доступного вбудованого гаманця. **Рекомендується завжди включати цей гаманець до списку, щоб забезпечити підтримку всіх вбудованих гаманців.** @@ -86,9 +86,9 @@ import { walletConnectWallet } from '@rainbow-me/rainbowkit/wallets'; import { injectedWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -##### Безпечний Гаманець +##### Safe Wallet -Для dApps, що підтримують Safe Apps, щоб користувачі могли легко підключатися до свого сейфу або мульті-підпису, включіть опцію `safeWallet` для автоматичних підключень. Опція Safe з'явиться лише в браузерному середовищі Безпечного Гаманця. +Для dApps, які підтримують Safe Apps для надання можливості користувачам легко підключатися до свого сейфу або мульти-підпису, включіть опцію `safeWallet` для автоматичних підключень. Опція Safe буде з'являтися тільки в браузерному середовищі Safe Wallet. ```tsx import { safeWallet } from '@rainbow-me/rainbowkit/wallets'; @@ -98,25 +98,37 @@ import { safeWallet } from '@rainbow-me/rainbowkit/wallets'; Наступні гаманці надаються через об'єкт `wallet` (в алфавітному порядку). +#### 1inch Wallet + +```tsx +import { oneInchWallet } from '@rainbow-me/rainbowkit/wallets'; +``` + #### Argent ```tsx import { argentWallet } from '@rainbow-me/rainbowkit/wallets'; ``` +#### Binance Web3 Wallet + +```tsx +import { binanceWallet } from '@rainbow-me/rainbowkit/wallets'; +``` + #### Bitget ```tsx import { bitgetWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Біфрост Гаманець +#### Bifrost Wallet ```tsx import { bifrostWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Бітскі +#### Bitski ```tsx import { bitskiWallet } from '@rainbow-me/rainbowkit/wallets'; @@ -134,33 +146,27 @@ import { bitverseWallet } from '@rainbow-me/rainbowkit/wallets'; import { bloomWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Bybit Гаманець - -```tsx -import { bybitWallet } from '@rainbow-me/rainbowkit/wallets'; -``` - -#### Гаманець Brave +#### Brave Wallet ```tsx import { braveWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Binance Web3 Wallet +#### Bybit Wallet ```tsx -import { binanceWallet } from '@rainbow-me/rainbowkit/wallets'; +import { bybitWallet } from '@rainbow-me/rainbowkit/wallets'; ``` #### Coinbase -Цей конектор гаманця підтримує як додаток Coinbase Wallet, так і розширення, а також Coinbase Smart Wallet в Інтернеті. +Цей коннектор гаманця підтримує як додаток, так і розширення Coinbase Wallet, а також Coinbase Smart Wallet у веб-версії. -Доступний аргумент `preference`, щоб контролювати, чи увімкнено Smart Wallet та чи доступний він для користувачів. Поведінка на основі налаштувань задокументована [тут](https://www.smartwallet.dev/sdk/makeWeb3Provider#parameters). +Доступний аргумент `preference`, який дозволяє контролювати, чи активовано Smart Wallet і чи є він доступним для користувачів. Поведінка, що базується на перевагах, задокументована [тут](https://www.smartwallet.dev/sdk/makeWeb3Provider#parameters). -Smart Wallet буде увімкнено за замовчуванням із `all` на початку червня без подальшого оновлення. +Smart Wallet буде активовано за замовчуванням з `all` на початку червня без подальшого оновлення. -Розробники можуть тестувати Smart Wallet з ланцюгами `sepolia` та `baseSepolia` вже сьогодні, встановивши `smartWalletOnly` та включивши `coinbaseWallet` у свій список гаманців таким чином: +Розробники можуть тестувати Smart Wallet з ланцюгами `sepolia` та `baseSepolia` сьогодні, встановивши `smartWalletOnly` і включивши `coinbaseWallet` у свій список гаманців наступним чином: ```tsx import { coinbaseWallet } from '@rainbow-me/rainbowkit/wallets'; @@ -169,16 +175,16 @@ import { coinbaseWallet } from '@rainbow-me/rainbowkit/wallets'; coinbaseWallet.preference = 'smartWalletOnly'; ``` -#### Compass Wallet +#### Coin98 Wallet ```tsx -import { compassWallet } from '@rainbow-me/rainbowkit/compassWallet'; +import { coin98Wallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Coin98 Wallet +#### Compass Wallet ```tsx -import { coin98Wallet } from '@rainbow-me/rainbowkit/wallets'; +import { compassWallet } from '@rainbow-me/rainbowkit/compassWallet'; ``` #### Core @@ -217,22 +223,34 @@ import { frameWallet } from '@rainbow-me/rainbowkit/wallets'; import { frontierWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Gate Гаманець +#### Gate Wallet ```tsx import { gateWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Ledger Live +#### imToken ```tsx -import { ledgerWallet } from '@rainbow-me/rainbowkit/wallets'; +import { imTokenWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### imToken +#### ioPay Wallet ```tsx -import { imTokenWallet } from '@rainbow-me/rainbowkit/wallets'; +import { iopayWallet } from '@rainbow-me/rainbowkit/wallets'; +``` + +#### Kaia Wallet + +```tsx +import { kaiaWallet } from '@rainbow-me/rainbowkit/wallets'; +``` + +#### Kaikas + +```tsx +import { kaikasWallet } from '@rainbow-me/rainbowkit/wallets'; ``` #### Kraken Wallet @@ -247,28 +265,28 @@ import { krakenWallet } from '@rainbow-me/rainbowkit/wallets'; import { kresusWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Kaikas +#### Ledger Live ```tsx -import { kaikasWallet } from '@rainbow-me/rainbowkit/wallets'; +import { ledgerWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### Гаманець Magic Eden +#### Magic Eden Wallet ```tsx import { magicEdenWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### MetaMask +#### MEW Wallet ```tsx -import { metaMaskWallet } from '@rainbow-me/rainbowkit/wallets'; +import { mewWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### MEW Wallet +#### MetaMask ```tsx -import { mewWallet } from '@rainbow-me/rainbowkit/wallets'; +import { metaMaskWallet } from '@rainbow-me/rainbowkit/wallets'; ``` #### OKX Wallet @@ -283,12 +301,6 @@ import { okxWallet } from '@rainbow-me/rainbowkit/wallets'; import { omniWallet } from '@rainbow-me/rainbowkit/wallets'; ``` -#### 1inch Гаманець - -```tsx -import { oneInchWallet } from '@rainbow-me/rainbowkit/wallets'; -``` - #### OneKey ```tsx @@ -436,7 +448,7 @@ const connectors = connectorsForWallets( #### Декілька груп -Ви можете використовувати ключ `groupName` для найменування різних груп гаманців. Це корисно, якщо ви хочете повідомити своїм користувачам, які гаманці ви рекомендуєте, а також інші можливі варіанти гаманців. +Ви можете використовувати ключ `groupName` для найменування різних груп гаманців. Це корисно, якщо ви хочете повідомити своїм користувачам, які гаманці ви рекомендуєте, а також інші можливі гаманці. Рекомендуємо Rainbow та MetaMask, але також пропонуємо Coinbase разом із загальнодоступними гаманцями. diff --git a/site/data/ua/docs/custom-wallets.mdx b/site/data/ua/docs/custom-wallets.mdx index 22602ae74e..2b9008a85d 100644 --- a/site/data/ua/docs/custom-wallets.mdx +++ b/site/data/ua/docs/custom-wallets.mdx @@ -7,9 +7,9 @@ description: Створіть кастомний гаманець ## Створіть кастомний гаманець -> Примітка: Цей API є нестабільним і, ймовірно, зазнає змін у найближчому майбутньому. З часом ми додамо більше вбудованих гаманців. [Повідомте нас](https://github.com/rainbow-me/rainbowkit/issues), якщо є певні гаманці, які вас цікавлять. +> Примітка: Ця API нестабільна і, ймовірно, зміниться найближчим часом. Ми будемо додавати більше вбудованих гаманців з часом. [Повідомте нам](https://github.com/rainbow-me/rainbowkit/issues), якщо вас цікавлять якісь конкретні гаманці. -Тип функції `Wallet` наданий для допомоги вам визначити власні кастомні гаманці. Наступні властивості можуть бути налаштовані для значення, що повертається вашою функцією `Wallet`: +Функція `Wallet` надається для допомоги у визначенні ваших власних кастомних гаманців. Наступні властивості можна налаштувати на значення, що повертається вашою функцією `Wallet`: ### Властивості Гаманця diff --git a/site/data/ua/docs/installation.mdx b/site/data/ua/docs/installation.mdx index 0be3a80f32..f637a74225 100644 --- a/site/data/ua/docs/installation.mdx +++ b/site/data/ua/docs/installation.mdx @@ -60,9 +60,9 @@ import { #### Налаштувати -Налаштуйте бажані ланцюги та створіть необхідні конектори. Вам також потрібно налаштувати конфігурацію `wagmi`. Якщо ваш dApp використовує рендеринг на стороні сервера (SSR), переконайтеся, що встановлено `ssr` у `true`. +Налаштуйте ваші бажані ланцюги та створіть необхідні коннектори. Вам також потрібно налаштувати конфігурацію `wagmi`. Якщо ваш dApp використовує серверне рендеринг (SSR), переконайтеся, що `ssr` встановлено в `true`. -> Примітка: Кожен dApp, який використовує WalletConnect, тепер повинен отримати `projectId` з [WalletConnect Cloud](https://cloud.walletconnect.com/). Це абсолютно безкоштовно і займає лише кілька хвилин. +> Примітка: Кожен dApp, що використовує WalletConnect, тепер потребує отримання `projectId` з [WalletConnect Cloud](https://cloud.walletconnect.com/). Це абсолютно безкоштовно і займає лише кілька хвилин. ```tsx line=4-99 ... @@ -116,7 +116,7 @@ RainbowKit тепер керуватиме вибором гаманця кор ##### Remix -При використанні [Remix](https://remix.run), вам необхідно зробити поліфіл модулів `buffer`, `events` та `http`. Дивіться нижче конфігурацію Remix або [наш зразковий проект Remix](https://github.com/rainbow-me/rainbowkit/blob/main/examples/with-remix). +Коли використовуєте [Remix](https://remix.run), ви повинні підключити поліфілі `buffer`, `events` та модулі `http`. Зберіться на конфігурації Remix нижче, або [наш приклад проекту Remix](https://github.com/rainbow-me/rainbowkit/blob/main/examples/with-remix). ```ts /** @type {import('@remix-run/dev').AppConfig} */ @@ -130,11 +130,11 @@ export default { ### Підготовка до розгортання -За замовчуванням ваш dApp використовує публічні RPC провайдери для кожної мережі для отримання балансів, розв'язання імен ENS та більше. Це часто може викликати проблеми з надійністю для ваших користувачів, оскільки публічні вузли мають обмеження за частотою запитів. Замість цього вам слід придбати доступ до RPC провайдера через такі сервіси, як [Alchemy](https://www.alchemy.com/) або [QuickNode](https://www.quicknode.com/), та визначити власні транспорти в Wagmi. Це можна зробити, додавши параметр `transports` у `getDefaultConfig` або безпосередньо через `createConfig` Wagmi. +За замовчуванням ваш dApp використовує публічні RPC провайдери для кожного ланцюга для отримання балансу, вирішення імен ENS і багато чого іншого. Це часто може спричинювати проблеми з надійністю для ваших користувачів, оскільки публічні вузли обмежені за швидкістю. Натомість вам слід придбати доступ до RPC провайдера через такі сервіси, як [Alchemy](https://www.alchemy.com/) або [QuickNode](https://www.quicknode.com/), та визначити ваші власні Транспорти у Wagmi. Це можна досягти, додавши параметр `transports` у `getDefaultConfig` або безпосередньо через `createConfig` Wagmi. -Транспорт - це проміжний мережевий шар, який обробляє відправлення JSON-RPC запитів до провайдера Ethereum Node (наприклад, Alchemy, Infura тощо). +Транспорт є середнім мережевим шаром, який обробляє надсилання запитів JSON-RPC до провайдера вузлів Ethereum (наприклад, Alchemy, Infura тощо). -**Приклад з `http` транспортом** +**Приклад з транспортом `http`** ```tsx import { getDefaultConfig } from '@rainbow-me/rainbowkit'; @@ -152,7 +152,7 @@ const config = getDefaultConfig({ }); ``` -Для отримання додаткової інформації перегляньте [документацію транспортів wagmi](https://wagmi.sh/core/api/transports#transports). +Для отримання додаткової інформації перегляньте [документацію wagmi.](https://wagmi.sh/core/api/transports#transports). ### Додайте власний функціонал diff --git a/site/data/ua/docs/introduction.mdx b/site/data/ua/docs/introduction.mdx index 9aaa47ccf9..9e34f95a13 100644 --- a/site/data/ua/docs/introduction.mdx +++ b/site/data/ua/docs/introduction.mdx @@ -9,17 +9,17 @@ description: Найкращий спосіб підключення гаманц
diff --git a/site/data/ua/docs/migration-guide.mdx b/site/data/ua/docs/migration-guide.mdx index 9f70ff3a61..9a73c3ec04 100644 --- a/site/data/ua/docs/migration-guide.mdx +++ b/site/data/ua/docs/migration-guide.mdx @@ -6,19 +6,19 @@ title: Посібник з Міграції ## Міграція RainbowKit -### Зміни, що призводять до невідповідності версій 2.x.x +### Зміни, що розривають сумісність у 2.x.x Залежності [wagmi](https://wagmi.sh) та [viem](https://viem.sh) досягли версії `2.x.x` зі змінами, що призводять до невідповідності. Дотримуйтесь наступних кроків для міграції. -**1. Оновіть RainbowKit, `wagmi` та `viem` до останніх версій** +**1. Оновіть RainbowKit, `wagmi` та `viem` до останньої версії** ```bash npm i @rainbow-me/rainbowkit@2 wagmi@2 viem@2.x ``` -\*\*2. Встановіть залежність `@tanstack/react-query` +**2. Встановіть залежність однорангових пакетів `@tanstack/react-query`** З Wagmi v2, [TanStack Query](https://tanstack.com/query/v5/docs/react/overview) тепер є обов'язковою залежністю однорангових пакетів. @@ -91,7 +91,7 @@ npm i @tanstack/react-query } ``` -**4. Перевірте на наявність критичних змін у `wagmi` та `viem`** +**4. Перевірте критичні зміни в `wagmi` та `viem`** Якщо ви використовуєте хуки `wagmi` та дії `viem` у вашому dApp, вам потрібно буде слідувати посібникам міграції для v2: @@ -100,19 +100,19 @@ npm i @tanstack/react-query #### Зміни в RainbowKit -**1. Покращена поведінка для гаманців EIP-6963** +**1. Покращене поводження для гаманців з підтримкою EIP-6963** -Гаманці, що підтримують новий стандарт з'єднання EIP-6963 (включаючи Rainbow, MetaMask та інші), тепер автоматично з'являться у розділі `Встановлені` під час процесу підключення гаманця. Це забезпечує, що користувачі завжди можуть знайти свої улюблені гаманці та підключитися до dApps без конфліктів або кнопок запасного варіанту. +Гаманці, що підтримують новий стандарт підключення EIP-6963 (включаючи Rainbow, MetaMask та інші), тепер будуть автоматично з'являтися у розділі `Installed` під час процесу підключення гаманця. Це забезпечує користувачам можливість завжди знаходити свої улюблені гаманці та підключатися до dApps без конфліктів або резервних кнопок. -Розробники продовжують мати повний контроль над Списком Користувацьких Гаманців, щоб акцентувати улюблені гаманці для кінцевих користувачів. Рекомендується, щоб ви продовжували включати `injectedWallet` та `walletConnectWallet` у ваш список, щоб підтримувати всі платформи. +Розробники продовжують мати повний контроль над Кастомним Списком Гаманців для надання переваги обраним гаманцям для кінцевих користувачів. Рекомендується продовжувати включати `injectedWallet` та `walletConnectWallet` до свого списку, щоб підтримувати всі платформи. -**2. Конфігурація Wagmi із getDefaultConfig** +**2. Конфігурація Wagmi з getDefaultConfig** -Цей новий API спрощує процес налаштування та замінює потребу використання `createConfig` від Wagmi безпосередньо. Конфігурація ланцюга спрощена, включаючи автоматичне визначення публічних провайдерів для `transports`. +Цей новий API спрощує процес налаштування та замінює необхідність у використанні `createConfig` Wagmi безпосередньо. Конфігурація мережі спрощена, включаючи непублічних провайдерів для `transports`. Стандартний список гаманців буде включений автоматично, що робить непотрібним використання `getDefaultWallets` та `connectorsForWallets`. -Ви можете створити Список Користувацьких Гаманців, передавши імпортовані або Користувацькі Конектори Гаманців до `wallets`. Ініціалізація конекторів гаманців та передача `projectId` та `chains` більше не потрібні. +Ви можете створити Кастомний Список Гаманців, передаючи імпортовані або Кастомні гаманці-конектори в `wallets`. Ініціалізація гаманців-конекторів та передача `projectId` та `chains` більше не потрібні. ``` const config = getDefaultConfig({ @@ -133,7 +133,7 @@ const config = getDefaultConfig({ + ``` -**4. Користувацькі Ланцюги** +**4. Користувацькі Мережі** Тип `Chain` змінений у відповідності до Wagmi v2 та продовжує підтримувати метадані RainbowKit `iconUrl` та `iconBackground`. @@ -195,11 +195,11 @@ const config = getDefaultConfig({ }) ``` -**5. Користувацькі гаманці** +**5. Кастомні Гаманці** -Конектори гаманців RainbowKit зазнали значних змін для підтримки Wagmi v2. Зверніться до [оновленої документації](https://www.rainbowkit.com/docs/custom-wallets) та до [прикладу конектора](https://github.com/rainbow-me/rainbowkit/blob/main/packages/rainbowkit/src/wallets/walletConnectors/rainbowWallet/rainbowWallet.ts), щоб оновити будь-які власні конектори гаманців у вашому dApp. +Конектори гаманців RainbowKit зазнали значних змін для підтримки Wagmi v2. Звертайтеся до [оновленої документації](https://www.rainbowkit.com/docs/custom-wallets) та [прикладного конектора](https://github.com/rainbow-me/rainbowkit/blob/main/packages/rainbowkit/src/wallets/walletConnectors/rainbowWallet/rainbowWallet.ts) для оновлення будь-яких адаптерів користувацьких гаманців у вашому dApp. -Конектори гаманців тепер також підтримують стандарт EIP-6963 за допомогою властивості `rdns`. Переконайтеся, що вона заповнена, щоб запобігти дублюванню посилань на гаманці, що підтримують EIP-6963, у вашому списку гаманців. +Конектори гаманців тепер також підтримують стандарт EIP-6963 з пропозицією `rdns`. Переконайтеся, що це заповнено, щоб уникнути дублювання посилань на гаманці, що підтримують EIP-6963, у вашому списку гаманців. ### Зміни, що розривають сумісність у 1.x.x @@ -209,57 +209,57 @@ const config = getDefaultConfig({ Дотримуйтесь наступних кроків для міграції. -**1. Оновіть RainbowKit та `wagmi` до останніх версій** +**1. Оновіть RainbowKit та `wagmi` до останньої версії** ```bash npm i @rainbow-me/rainbowkit@^1 wagmi@^1 ``` -**2. Встановіть залежність `viem`** +**2. Встановити залежність `viem`** -wagmi v1 вимагає пір-залежності `viem`. Встановіть її за допомогою наступної команди: +wagmi v1 потребує залежність `viem`. Встановіть її за допомогою наступної команди: ```bash npm i viem ``` -Примітка: wagmi більше не використовує пакет `ethers` внутрішньо. Але якщо ви покладаєтесь на API [Аутентифікації](https://www.rainbowkit.com/docs/authentication), `siwe` все ще потребуватиме `ethers` як пір-залежність. +Примітка: wagmi більше не використовує пакет `ethers` внутрішньо. Але якщо ви покладаєтесь на API [Authentication](https://www.rainbowkit.com/docs/authentication), `siwe` все ще вимагатиме `ethers` як залежність. -**3. Переконайтеся в сумісності збірника та поліфілів** +**3. Забезпечте сумісність будівника та поліфіла** -У попередніх версіях wagmi, які використовували [ethers](https://docs.ethers.org/v5/), модулі `fs`, `net` та `tls`, необхідні для WalletConnect, автоматично поліфілувалися. Це вже не так у випадку з RainbowKit v1 + wagmi v1, які побудовані на [viem](https://viem.sh/). +У попередніх версіях wagmi, які використовували [ethers](https://docs.ethers.org/v5/), модулі `fs`, `net` та `tls`, які вимагалися WalletConnect, автоматично поліфілилися. Це більше не актуально для RainbowKit v1 + wagmi v1, які побудовані на основі [viem](https://viem.sh/). Дивіться наші приклади [Конфігурації Webpack для Next.js](https://github.com/rainbow-me/rainbowkit/blob/main/examples/with-next/next.config.js) та [Поліфіли для Create React App](https://github.com/rainbow-me/rainbowkit/blob/main/examples/with-create-react-app/src/polyfills.ts) для керівництва з налаштування вашого проекту. Додаткові керівництва для фреймворків Vite та Remix доступні [тут](https://www.rainbowkit.com/docs/installation#additional-build-tooling-setup). -**4. Перевірте наявність критичних змін у `wagmi`** +**4. Перевірте зміни, що розривають сумісність у `wagmi`** Якщо ви використовуєте хуки `wagmi` у вашому додатку, вам потрібно буде слідувати посібнику міграції `wagmi` до v1. [Тут ви можете переглянути їхній посібник міграції](https://wagmi.sh/react/migration-guide). -### Зміни, що призводять до непрацездатності, у версії 0.12.x +### Зміни, що розривають сумісність, версії 0.12.x -Залежність wagmi була оновлена до `0.12.x`. +Залежність wagmi була оновлена до версії `0.12.x`. -RainbowKit впровадив конектор `WalletConnectLegacyConnector` у `wagmi` для продовження підтримки WalletConnect v1. Підтримка WalletConnect v2 та `WalletConnectConnector` буде незабаром доступна у вигляді патч-релізу, без критичних змін. +RainbowKit прийняв засіб підключення `WalletConnectLegacyConnector` у `wagmi` для продовження підтримки WalletConnect v1. Підтримка WalletConnect v2 та `WalletConnectConnector` буде незабаром доступна як патч-реліз, без розриву сумісності. Гаманці будуть автоматично переведені у майбутніх релізах. -Кожен dApp тепер повинен надавати `projectId` від [WalletConnect Cloud](https://cloud.walletconnect.com/) для активації WalletConnect v2. Це повинно бути зроблено до закриття серверів моста WalletConnect v1 28 червня 2023 року. RainbowKit буде безшумно віддавати перевагу версії v1 для всіх гаманців, якщо `projectId` не вказано. +Кожен dApp тепер повинен надати `projectId` для увімкнення WalletConnect v2 у [WalletConnect Cloud](https://cloud.walletconnect.com/). Це повинно бути завершено до закриття серверів моста WalletConnect v1 28 червня 2023 року. RainbowKit тихо надаватиме перевагу v1 для всіх гаманців, якщо `projectId` не вказано. Дотримуйтесь наступних кроків для міграції. -#### 1. Оновіть RainbowKit та `wagmi` до останніх версій +#### 1. Оновіть RainbowKit та `wagmi` до останньої версії ```bash npm i @rainbow-me/rainbowkit@^0.12.0 wagmi@^0.12.0 ``` -#### 2. Надайте WalletConnect Cloud projectId +#### 2. Надайте WalletConnect Cloud `projectId` -Кожен dApp, що використовує WalletConnect, тепер має отримати `projectId` з [WalletConnect Cloud](https://cloud.walletconnect.com/). Це абсолютно безкоштовно і займає лише кілька хвилин. +Кожен dApp, який залежить від WalletConnect, тепер повинен отримати `projectId` з [WalletConnect Cloud](https://cloud.walletconnect.com/). Це абсолютно безкоштовно і займає лише кілька хвилин. Подайте `projectId` до `getDefaultWallets` та індивідуальних конекторів гаманців RainbowKit наступним чином: @@ -285,81 +285,81 @@ const connectors = connectorsForWallets([ ]); ``` -### Зламні зміни 0.11.x +### Зміни, що розривають сумісність, версії 0.11.x Залежність wagmi була оновлена до версії `0.11.x`. Дотримуйтесь наступних кроків для міграції. -#### 1. Оновіть RainbowKit та `wagmi` до останніх версій +#### 1. Оновіть RainbowKit та `wagmi` до останньої версії ```bash npm i @rainbow-me/rainbowkit@^0.11.0 wagmi@^0.11.0 ``` -#### 2. Перевірте зламні зміни у `wagmi` +#### 2. Перевірте зміни, що розривають сумісність у `wagmi` -Якщо ви використовуєте хуки `wagmi` у вашому застосунку, вам потрібно перевірити, чи ваш застосунок був змінений через невідповідності у `wagmi`. +Якщо ви використовуєте хуки `wagmi` у вашій програмі, вам потрібно перевірити, чи ваша програма була змінена через невідповідності у `wagmi`. [Тут ви можете переглянути їхній посібник з міграції](https://wagmi.sh/react/migration-guide#011x-breaking-changes). -### Зміни, що призводять до невідповідностей у версії 0.10.x +### Зміни, що розривають сумісність, версії 0.10.x -Залежність wagmi peer була оновлена до `0.10.x`. +Залежність wagmi була оновлена до версії `0.10.x`. Дотримуйтесь наступних кроків для міграції. -#### 1. Оновіть RainbowKit та `wagmi` до останніх версій +#### 1. Оновіть RainbowKit та `wagmi` до останньої версії ```bash npm i @rainbow-me/rainbowkit@^0.10.0 wagmi@^0.10.0 ``` -#### 2. Перевірте зламні зміни у `wagmi` +#### 2. Перевірте зміни, що розривають сумісність у `wagmi` -Якщо ви використовуєте хуки `wagmi` у вашому застосунку, вам потрібно перевірити, чи ваш застосунок був змінений через невідповідності у `wagmi`. +Якщо ви використовуєте хуки `wagmi` у вашій програмі, вам потрібно перевірити, чи ваша програма була змінена через невідповідності у `wagmi`. [Тут ви можете переглянути їхній посібник з міграції](https://wagmi.sh/react/migration-guide#010x-breaking-changes). -### Зміни, що призводять до невідповідностей у версії 0.9.x +### Зміни, що розривають сумісність, версії 0.9.x -Залежність wagmi peer була оновлена до `0.9.x`. +Залежність wagmi була оновлена до версії `0.9.x`. Дотримуйтесь наступних кроків для міграції. -#### 1. Оновіть RainbowKit та `wagmi` до останніх версій +#### 1. Оновіть RainbowKit та `wagmi` до останньої версії ```bash npm i @rainbow-me/rainbowkit@^0.9.0 wagmi@^0.9.0 ``` -#### 2. Перевірте зламні зміни у `wagmi` +#### 2. Перевірте зміни, що розривають сумісність у `wagmi` -Якщо ви використовуєте хуки `wagmi` у вашому застосунку, вам потрібно перевірити, чи ваш застосунок був змінений через невідповідності у `wagmi`. +Якщо ви використовуєте хуки `wagmi` у вашій програмі, вам потрібно перевірити, чи ваша програма була змінена через невідповідності у `wagmi`. [Тут ви можете переглянути їхній посібник з міграції](https://wagmi.sh/react/migration-guide#09x-breaking-changes). -### Зміни, що призводять до невідповідностей у версії 0.8.x +### Зміни, що розривають сумісність, версії 0.8.x -Залежність wagmi peer була оновлена до `0.8.x`. +Залежність wagmi була оновлена до версії `0.8.x`. Дотримуйтесь наступних кроків для міграції. -#### 1. Оновіть RainbowKit та `wagmi` до останніх версій +#### 1. Оновіть RainbowKit та `wagmi` до останньої версії ```bash npm i @rainbow-me/rainbowkit@^0.8.0 wagmi@^0.8.0 ``` -#### 2. Перевірте зламні зміни у `wagmi` +#### 2. Перевірте зміни, що розривають сумісність у `wagmi` -Якщо ви використовуєте хуки `wagmi` у вашому застосунку, вам потрібно перевірити, чи ваш застосунок був змінений через невідповідності у `wagmi`. +Якщо ви використовуєте хуки `wagmi` у вашій програмі, вам потрібно перевірити, чи ваша програма була змінена через невідповідності у `wagmi`. -[Тут ви можете переглянути їхній путівник міграції](https://wagmi.sh/react/migration-guide#08x-breaking-changes). +[Тут ви можете переглянути їхній посібник з міграції](https://wagmi.sh/react/migration-guide#08x-breaking-changes). ### Зміни, що розривають сумісність, версії 0.7.x -Якщо ви створюєте власний список гаманців, вам тепер потрібно імпортувати кожен гаманець окремо, щоб зменшити розмір пакету. Зверніть увагу, що оскільки гаманці більше не використовують простір імен через об'єкт `wallet`, всі гаманці тепер мають суфікс `Wallet`. +Якщо ви створюєте користувацький список гаманців, тепер вам потрібно імпортувати кожен гаманець окремо, щоб зменшити розмір пакета. Зверніть увагу, що оскільки гаманці більше не містяться в просторі імен через об'єкт `wallet`, всі гаманці тепер мають суфікс `Wallet`. ```diff -import { connectorsForWallets, wallet } from '@rainbow-me/rainbowkit'; @@ -386,7 +386,7 @@ const wallets = [ ]; ``` -Також зверніть увагу, що шар сумісності з Steakwallet було видалено. Замість цього слід використовувати Omni. +Також зверніть увагу, що назад сумісний шар Steakwallet було видалено. Замість цього слід використовувати Omni. ```diff -import { wallet } from '@rainbow-me/rainbowkit'; @@ -412,17 +412,17 @@ RainbowKit оновив залежність `wagmi` до версії `0.5.x`. npm i @rainbow-me/rainbowkit@^0.4.0 wagmi@^0.5.0 ``` -#### 2. Перевірте зламні зміни у `wagmi` +#### 2. Перевірте зміни, що розривають сумісність у `wagmi` -Якщо ви використовуєте хуки `wagmi` у вашому застосунку, вам потрібно перевірити, чи ваш застосунок був змінений через невідповідності у `wagmi`. +Якщо ви використовуєте хуки `wagmi` у вашій програмі, вам потрібно перевірити, чи ваша програма була змінена через невідповідності у `wagmi`. [Ви можете переглянути їхній посібник міграції тут](https://wagmi.sh/react/migration-guide#05x-breaking-changes). -### Зміни 0.3.x, що призводять до несумісності +### Зміни, що розривають сумісність у версії 0.3.x Вилучено параметр `chainId` з `createConnector` у типі `Wallet`. -**Зверніть увагу, що всі вбудовані гаманці використовують новий API. Більшість користувачів не відчують змін. Ця зміна впливає лише на користувачів, які створили/використовували [кастомні гаманці](/docs/custom-wallets).** +**Зверніть увагу, що всі вбудовані гаманці використовують новий API.** Більшість користувачів не постраждають. Ця зміна впливає лише на користувачів, які створили/використовують [кастомні гаманці](/docs/custom-wallets)\*\* Якщо ви раніше отримували URL-адреси RPC з `chainId` у `createConnector`, тепер ви можете видалити цю логіку, оскільки `wagmi` тепер обробляє URL-адреси RPC внутрішньо, коли використовується з `configureChains`. @@ -478,7 +478,7 @@ const connectors = connectorsForWallets([ ]); ``` -### Зміни 0.2.x, що призводять до несумісності +### Зміни, що розривають сумісність у версії 0.2.x RainbowKit оновив залежність `wagmi` до версії `^0.4`. @@ -501,7 +501,7 @@ npm i @rainbow-me/rainbowkit@^0.2.0 wagmi@^0.4.2 + import { configureChains } from 'wagmi'; ``` -#### 3. Міграція провайдерів +#### 3. Мігруйте провайдерів RainbowKit більше не експортує API `apiProvider`. Замініть його на бажаний провайдер з wagmi. @@ -591,4 +591,4 @@ const App = () => { }; ``` -І ви завершили! 🌈 +І все готово! 🌈 diff --git a/site/data/ua/docs/modal-hooks.mdx b/site/data/ua/docs/modal-hooks.mdx index 9e48b96889..d3f6e3609d 100644 --- a/site/data/ua/docs/modal-hooks.mdx +++ b/site/data/ua/docs/modal-hooks.mdx @@ -7,13 +7,13 @@ description: Програмне відкриття модалів за допо ## Програмне відкриття модалів за допомогою Хуків -Наступні Хуки надаються для програмного відкриття модалів у будь-якому місці вашого додатку. +Наступні Хуки надаються для програмного відкриття модальних вікон будь-де у вашому застосунку. - `useConnectModal` - `useAccountModal` - `useChainModal` -Кожен з цих Хуків повертає об'єкт з функцією для відкриття відповідного модального вікна. Зауважте, що повернені функції будуть не визначені, якщо ваш додаток не перебуває у потрібному стані для відкриття модалі. +Кожен з цих Хуків повертає об'єкт з функцією для відкриття свого відповідного модального вікна. Зверніть увагу, що повернені функції будуть невизначеними, якщо ваш застосунок не знаходиться в необхідному стані для відкриття модального вікна. ```tsx import { @@ -51,7 +51,7 @@ export const YourApp = () => { }; ``` -Кожен хук також повертає булеве значення для статусу модалі. Зазвичай рекомендується покладатися чисто на хуки Wagmi (тобто `useAccount`), щоб реагувати безпосередньо на статус підключення гаманця користувача, а не покладатися на стан модального вікна Connect. +Кожен хуки також повертає булеве значення для статусу модального вікна. Зазвичай рекомендується покладатися виключно на хуки Wagmi (наприклад, `useAccount`), щоб реагувати безпосередньо на статус підключення гаманця користувача, а не на стан Connect Modal. ```tsx const { connectModalOpen } = useConnectModal(); @@ -59,6 +59,6 @@ const { accountModalOpen } = useAccountModal(); const { chainModalOpen } = useChainModal(); ``` -RainbowKit розроблений таким чином, щоб не переривати роботу та бути адаптивним, тому dApps завжди повинні відображати інтерфейс для користувачів, незалежно від того, чи підключили вони свій гаманець, чи ні. Користувач може підключити або відключити свій гаманець безпосередньо через MetaMask, тому dApp має бути чутливим до статусу підключення на нижчому рівні. +RainbowKit розроблений так, щоб бути ненав'язливим та адаптивним, тому dApps повинні завжди надавати інтерфейс для користувачів, незалежно від того, чи підключили вони свій гаманець. Користувач може підключити або відключити свій гаманець безпосередньо через MetaMask, тому dApp повинен надавати адаптивний інтерфейс безпосередньо до підлеглого статусу підключення. -dApps, які покладаються на механізми авторизації типу Sign-in with Ethereum для перевірки користувачів, замість цього повинні використовувати функцію [Аутентифікація](/docs/authentication). +dApps, які покладаються на такі механізми, як Sign-in with Ethereum для верифікації користувачів, повинні натомість покладатися на функцію [Аутентифікація](/docs/authentication). diff --git a/site/data/ua/docs/modal-sizes.mdx b/site/data/ua/docs/modal-sizes.mdx index c82b2de0f0..04f5b6503b 100644 --- a/site/data/ua/docs/modal-sizes.mdx +++ b/site/data/ua/docs/modal-sizes.mdx @@ -1,21 +1,21 @@ --- title: Розміри модальних вікон -description: Широке проти Компактного +description: Широкий проти компактного --- # Розміри модальних вікон -## Широкий проти Компактного розміру +## Широкий проти компактного розміру -За замовчуванням, `modalSize` у RainbowKit встановлено на `wide` (і виглядає так): +За замовчуванням, `modalSize` у RainbowKit встановлено як `wide` (і виглядає це так): -Ми також надаємо компактний розмір модального вікна, який виглядає так: +Ми також пропонуємо компактний розмір модального вікна, який виглядає ось так: -Щоб встановити розмір вашого модального вікна на `compact`, просто додайте `modalSize="compact"` як проп у ваш `RainbowKitProvider`: +Щоб встановити розмір модального вікна як `compact`, просто додайте `modalSize="compact"` як проп в `RainbowKitProvider`: ```tsx import { RainbowKitProvider } from '@rainbow-me/rainbowkit'; diff --git a/site/data/ua/docs/recent-transactions.mdx b/site/data/ua/docs/recent-transactions.mdx index b69be14eb5..64ced3ecd4 100644 --- a/site/data/ua/docs/recent-transactions.mdx +++ b/site/data/ua/docs/recent-transactions.mdx @@ -7,11 +7,11 @@ description: Показати ваші останні транзакції ## Показати ваші останні транзакції -Ви можете включити відображення останніх транзакцій у модальному вікні акаунта RainbowKit. Зверніть увагу, що всі транзакції зберігаються в локальному сховищі і їх потрібно вручну зареєструвати в RainbowKit, щоб вони відображалися. +Ви можете увімкнути відображення останніх транзакцій у модалі облікового запису RainbowKit. Зверніть увагу, що всі транзакції зберігаються в локальному сховищі і повинні бути зареєстровані вручну в RainbowKit, щоб їх було відображено. -Стандартна реалізація `ConnectButton` також покаже індикатор завантаження навколо аватара користувача, якщо є незавершені транзакції. Індивідуальні реалізації `ConnectButton` можуть відтворити цю поведінку через властивість `account.hasPendingTransactions`, яка передається у вашу функцію відображення. +Стандартна реалізація `ConnectButton` також відобразить індикатор завантаження навколо аватара користувача, якщо є будь-які очікуючі транзакції. Користувацькі реалізації `ConnectButton` можуть відтворити цю поведінку через властивість `account.hasPendingTransactions`, яка передається у вашу функцію рендерингу. -Щоб використовувати цю функцію, спочатку активуйте опцію `showRecentTransactions` на `RainbowKitProvider`. +Щоб використати цю функцію, спочатку увімкніть опцію `showRecentTransactions` на `RainbowKitProvider`. ```tsx import { RainbowKitProvider } from '@rainbow-me/rainbowkit'; @@ -25,7 +25,7 @@ const App = () => { }; ``` -Після цього транзакції можна реєструвати в RainbowKit за допомогою хука `useAddRecentTransaction`. +Після цього транзакції можна буде зареєструвати у RainbowKit з використанням хука `useAddRecentTransaction`. ```tsx import { useAddRecentTransaction } from '@rainbow-me/rainbowkit'; @@ -48,9 +48,9 @@ export default () => { }; ``` -Як тільки транзакція буде зареєстрована в RainbowKit, її статус буде оновлено після завершення. +Після того, як транзакція була зареєстрована у RainbowKit, її статус буде оновлено після завершення. -За замовчуванням транзакція вважатиметься завершеною після видобутку одного блоку на вершині блоку, в якому була здійснена транзакція, але це можна налаштувати, вказавши власне значення `confirmations`. +За замовчуванням транзакція вважатиметься завершеною після того, як один блок буде видобуто поверх блоку, в якому була видобута транзакція, але це можна налаштувати, вказавши користувацьке значення `confirmations`. ```tsx import { useAddRecentTransaction } from '@rainbow-me/rainbowkit'; diff --git a/site/data/ua/docs/theming.mdx b/site/data/ua/docs/theming.mdx index c57a070e88..4a47154fca 100644 --- a/site/data/ua/docs/theming.mdx +++ b/site/data/ua/docs/theming.mdx @@ -7,7 +7,7 @@ description: Використання та налаштування тем ## Використання та налаштування тем -Ви можете налаштувати інтерфейс користувача RainbowKit, щоб він відповідав вашому брендингу. Ви можете вибрати з кількох попередньо визначених акцентних кольорів та конфігурацій радіусу кордонів. +Ви можете налаштувати інтерфейс RainbowKit відповідно до вашого бренду. Ви можете обрати з кількох попередньо визначених акцентних кольорів і конфігурацій радіусу межі. Існує 3 вбудовані функції теми: @@ -15,7 +15,7 @@ description: Використання та налаштування тем - `darkTheme` - `midnightTheme` -Функція теми повертає об'єкт теми. Ви можете передати об'єкт до пропа `theme` компонента `RainbowKitProvider`. +Функція теми повертає об'єкт теми. Ви можете передати об'єкт до пропу `theme` компонента `RainbowKitProvider`. ```tsx import { RainbowKitProvider, darkTheme } from '@rainbow-me/rainbowkit'; @@ -98,7 +98,7 @@ export const App = () => ( ]} /> -Наприклад, щоб налаштувати темну тему з акцентним фіолетовим кольором та радіусом границі `medium` +Наприклад, щоб налаштувати темну тему з акцентним фіолетовим кольором та радіусом границі `medium`: ```tsx import { RainbowKitProvider, darkTheme } from '@rainbow-me/rainbowkit'; @@ -119,7 +119,7 @@ const App = () => { }; ``` -Кожна тема також пропонує декілька пресетів акцентних кольорів (`blue`, `green`, `orange`, `pink`, `purple`, `red`), які можна розповсюдити в об'єкт опцій. Наприклад, щоб використати пресет акцентного кольору `pink` +Кожна тема також надає кілька пресетів акцентних кольорів (`blue`, `green`, `orange`, `pink`, `purple`, `red`), які можна включити в об'єкт опцій. Наприклад, щоб використовувати пресет акцентного кольору `pink`: ```tsx import { RainbowKitProvider, darkTheme } from '@rainbow-me/rainbowkit'; @@ -260,7 +260,7 @@ const App = () => { #### Набір шрифтів -За замовчуванням, `fontStack` встановлено на `rounded`. А ось як ви можете використовувати конфігурацію `fontStack`. +За замовчуванням, `fontStack` встановлений на `rounded`. Але ось як ви можете використовувати конфігурацію `fontStack`. Встановіть шрифтовий стек на `system`. @@ -283,7 +283,7 @@ const App = () => { #### Розмиття на оверлеї -За замовчуванням, `overlayBlur` встановлено на `none`. А ось як ви можете використати налаштування `overlayBlur`. +За замовчуванням, `overlayBlur` встановлений на `none`. Але ось як ви можете використовувати конфігурацію `overlayBlur`. Встановіть розмиття оверлею на `small`. diff --git a/site/data/ua/docs/wallet-button.mdx b/site/data/ua/docs/wallet-button.mdx index 91e49f8eac..09a4412e38 100644 --- a/site/data/ua/docs/wallet-button.mdx +++ b/site/data/ua/docs/wallet-button.mdx @@ -5,9 +5,9 @@ description: Використання та налаштування WalletButton # WalletButton -> Примітка: `WalletButton` наразі базується на стандарті гаманця EIP-1193, але незабаром буде підтримувати EIP-6963. +> Примітка: `WalletButton` наразі спирається на стандарт гаманця EIP-1193, але в найближчому майбутньому буде підтримувати EIP-6963. -Новий компонент `WalletButton` допомагає dApps із власними реалізаціями списку гаманців впроваджувати RainbowKit та всі його переваги без необхідності обслуговування. +Новий компонент `WalletButton` допомагає dApps з кастомними реалізаціями списку гаманців прийняти RainbowKit і всі його переваги без необхідності обслуговування. ```tsx import { WalletButton } from '@rainbow-me/rainbowkit'; @@ -17,7 +17,7 @@ import { WalletButton } from '@rainbow-me/rainbowkit'; ``` -Як і компонент `ConnectButton`, компонент `WalletButton.Custom` доступний для власних реалізацій та стилізації. +Як і `ConnectButton`, компонент `WalletButton.Custom` доступний для користувацьких реалізацій та стилізації. ```tsx @@ -35,7 +35,7 @@ import { WalletButton } from '@rainbow-me/rainbowkit'; ``` -Більшість dApps найкраще працюють із [ConnectButton](https://www.rainbowkit.com/docs/connect-button). Зверніться до документації [тут](https://www.rainbowkit.com/docs/wallet-button) для отримання додаткової інформації про впровадження та випадки використання `WalletButton`. +Більшість dApps найкраще працюють за допомогою [ConnectButton](https://www.rainbowkit.com/docs/connect-button). Дивіться документацію [тут](https://www.rainbowkit.com/docs/wallet-button) для отримання додаткової інформації про впровадження та випадки використання `WalletButton`. #### Демо diff --git a/site/data/ua/guides/rainbow-button.mdx b/site/data/ua/guides/rainbow-button.mdx index e3cabdfd65..022c2de5e1 100644 --- a/site/data/ua/guides/rainbow-button.mdx +++ b/site/data/ua/guides/rainbow-button.mdx @@ -8,17 +8,17 @@ image: guide-rainbow-button.png Компонент `RainbowButton` - найпростіший спосіб додати підтримку гаманця Rainbow до dApp, які використовують `wagmi` та віддають перевагу більш кастомізованому досвіду підключення ніж [RainbowKit](https://www.rainbowkit.com/docs/installation). -**1. Встановіть `@rainbow-me/rainbow-button` та його пір-залежності** +**1. Встановіть `@rainbow-me/rainbow-button` і його пір-залежності** -Пакет сумісний з Next.js, React та Vite. Переконайтеся, що ви дотримуєтеся попереджень щодо пір-залежностей. +Пакет сумісний із Next.js, React і Vite. Переконайтеся, що ви дотримуєтесь попереджень про пір-залежності. ```bash npm install @rainbow-me/rainbow-button wagmi viem@2.x @tanstack/react-query ``` -**2. Налаштуйте за допомогою Wagmi та встановіть RainbowButton** +**2. Налаштуйте з Wagmi і встановіть RainbowButton** -Передайте екземпляр `rainbowConnector` до `createConfig` Wagmi з `projectId` та `appName`, та обгорніть ваш додаток в `RainbowButtonProvider`. Потім додайте компонент `RainbowButton`. +Передайте екземпляр `rainbowConnector` до `createConfig` Wagmi з `projectId` і `appName`, і обгорніть ваш додаток у `RainbowButtonProvider`. Далі додайте компонент `RainbowButton`. ```tsx import '@rainbow-me/rainbow-button/styles.css'; @@ -81,7 +81,7 @@ function MyApp({ Component, pageProps }: AppProps) { ``` -**3. І ось і все!** +**3. І це все!** Тепер ваші користувачі можуть насолоджуватися безперебійним досвідом підключення до Rainbow — без будь-якого обслуговування чи головного болю. diff --git a/site/data/ua/guides/rainbowkit-wagmi-v2.mdx b/site/data/ua/guides/rainbowkit-wagmi-v2.mdx index 8eaf0a70bc..6bd621013f 100644 --- a/site/data/ua/guides/rainbowkit-wagmi-v2.mdx +++ b/site/data/ua/guides/rainbowkit-wagmi-v2.mdx @@ -10,13 +10,13 @@ image: guide-rainbowkit-v2.png Дотримуйтесь наступних кроків для міграції. -**1. Оновіть RainbowKit, `wagmi` та `viem` до останніх версій** +**1. Оновіть RainbowKit, `wagmi` та `viem` до останньої версії** ```bash npm i @rainbow-me/rainbowkit wagmi viem@2.x ``` -\*\*2. Встановіть залежність `@tanstack/react-query` +**2. Встановіть залежність однорангових пакетів `@tanstack/react-query`** З Wagmi v2, [TanStack Query](https://tanstack.com/query/v5/docs/react/overview) тепер є обов'язковою залежністю однорангових пакетів. @@ -89,7 +89,7 @@ npm i @tanstack/react-query } ``` -**4. Перевірте на наявність критичних змін у `wagmi` та `viem`** +**4. Перевірте критичні зміни в `wagmi` та `viem`** Якщо ви використовуєте хуки `wagmi` та дії `viem` у вашому dApp, вам потрібно буде слідувати посібникам міграції для v2: @@ -98,19 +98,19 @@ npm i @tanstack/react-query #### Зміни в RainbowKit -**1. Покращена поведінка для гаманців EIP-6963** +**1. Покращене поводження для гаманців з підтримкою EIP-6963** -Гаманці, що підтримують новий стандарт з'єднання EIP-6963 (включаючи Rainbow, MetaMask та інші), тепер автоматично з'являться у розділі `Встановлені` під час процесу підключення гаманця. Це забезпечує, що користувачі завжди можуть знайти свої улюблені гаманці та підключитися до dApps без конфліктів або кнопок запасного варіанту. +Гаманці, що підтримують новий стандарт підключення EIP-6963 (включаючи Rainbow, MetaMask та інші), тепер будуть автоматично з'являтися у розділі `Installed` під час процесу підключення гаманця. Це забезпечує користувачам можливість завжди знаходити свої улюблені гаманці та підключатися до dApps без конфліктів або резервних кнопок. -Розробники продовжують мати повний контроль над Списком Користувацьких Гаманців, щоб акцентувати улюблені гаманці для кінцевих користувачів. Рекомендується, щоб ви продовжували включати `injectedWallet` та `walletConnectWallet` у ваш список, щоб підтримувати всі платформи. +Розробники продовжують мати повний контроль над Кастомним Списком Гаманців для надання переваги обраним гаманцям для кінцевих користувачів. Рекомендується продовжувати включати `injectedWallet` та `walletConnectWallet` до свого списку, щоб підтримувати всі платформи. -**2. Конфігурація Wagmi із getDefaultConfig** +**2. Конфігурація Wagmi з getDefaultConfig** -Цей новий API спрощує процес налаштування та замінює потребу використання `createConfig` від Wagmi безпосередньо. Конфігурація ланцюга спрощена, включаючи автоматичне визначення публічних провайдерів для `transports`. +Цей новий API спрощує процес налаштування та замінює необхідність у використанні `createConfig` Wagmi безпосередньо. Конфігурація мережі спрощена, включаючи непублічних провайдерів для `transports`. Стандартний список гаманців буде включений автоматично, що робить непотрібним використання `getDefaultWallets` та `connectorsForWallets`. -Ви можете створити Список Користувацьких Гаманців, передавши імпортовані або Користувацькі Конектори Гаманців до `wallets`. Ініціалізація конекторів гаманців та передача `projectId` та `chains` більше не потрібні. +Ви можете створити Кастомний Список Гаманців, передаючи імпортовані або Кастомні гаманці-конектори в `wallets`. Ініціалізація гаманців-конекторів та передача `projectId` та `chains` більше не потрібні. ``` const config = getDefaultConfig({ @@ -131,7 +131,7 @@ const config = getDefaultConfig({ + ``` -**4. Користувацькі Ланцюги** +**4. Користувацькі Мережі** Тип `Chain` змінений у відповідності до Wagmi v2 та продовжує підтримувати метадані RainbowKit `iconUrl` та `iconBackground`. @@ -193,10 +193,10 @@ const config = getDefaultConfig({ }) ``` -**5. Користувацькі гаманці** +**5. Кастомні Гаманці** -Конектори гаманців RainbowKit зазнали значних змін для підтримки Wagmi v2. Перегляньте [оновлену документацію](https://www.rainbowkit.com/docs/custom-wallets) та [приклад конектора](packages/rainbowkit/src/wallets/walletConnectors/rainbowWallet/rainbowWallet.ts) для оновлення будь-яких користувацьких конекторів гаманців у вашому dApp. +Конектори гаманців RainbowKit зазнали значних змін для підтримки Wagmi v2. Зверніться до [оновленої документації](https://www.rainbowkit.com/docs/custom-wallets) та [прикладу конектора](packages/rainbowkit/src/wallets/walletConnectors/rainbowWallet/rainbowWallet.ts) для оновлення будь-яких Кастомних Гаманців-Конекторів у вашому dApp. -Конектори гаманців тепер також підтримують стандарт EIP-6963 за допомогою властивості `rdns`. Переконайтеся, що вона заповнена, щоб запобігти дублюванню посилань на гаманці, що підтримують EIP-6963, у вашому списку гаманців. +Конектори гаманців тепер також підтримують стандарт EIP-6963 з пропозицією `rdns`. Переконайтеся, що це заповнено, щоб уникнути дублювання посилань на гаманці, що підтримують EIP-6963, у вашому списку гаманців. > Будь ласка, повідомте про будь-які проблеми чи відгуки для RainbowKit v2 на GitHub [тут](https://github.com/rainbow-me/rainbowkit/issues/new/choose). diff --git a/site/data/ua/guides/walletconnect-v2.mdx b/site/data/ua/guides/walletconnect-v2.mdx index 43de48ffd7..2a0060dfae 100644 --- a/site/data/ua/guides/walletconnect-v2.mdx +++ b/site/data/ua/guides/walletconnect-v2.mdx @@ -10,19 +10,19 @@ image: guide-walletconnect-v2.png Протокол WalletConnect v1 буде вимкнено 28 червня 2023 року, і RainbowKit допоможе вам зробити перехід надзвичайно простим. -Підтримка WalletConnect v2 тепер стандартна в RainbowKit, без змін, що порушують сумісність. Просто оновіть та зверніться до нижченаведеного керівництва для додаткових деталей. +Підтримка WalletConnect v2 тепер стандартна в RainbowKit, без змін, які можуть порушити роботу. Просто оновіть і зверніться до посібника нижче для додаткових деталей. #### Розуміння WalletConnect v2 -WalletConnect - це протокол, який дозволяє користувачам підключати їхні мобільні гаманці до вашого dApp, і це важлива основа RainbowKit. Нещодавній випуск WalletConnect v2 вносить низку важливих оновлень, щоб зробити взаємодію гаманця і dApp ще кращою. +WalletConnect - це протокол, який дозволяє користувачам підключати свої мобільні гаманці до вашого dApp і є важливою основою RainbowKit. Останній випуск WalletConnect v2 приносить ряд важливих оновлень, щоб зробити досвід гаманця-dApp ще кращим. -З v2 ваші користувачі тепер можуть одночасно підключатися до декількох мереж, тому ви можете забути про необхідність переключення мереж. Це також розширює підтримку більшої кількості мереж і вносить покращення, які роблять вхід через Ethereum ще швидшим. +З версією v2 ваші користувачі тепер можуть одночасно підключатися до декількох мереж, тому ви можете забути про ручне перемикання мереж. Він також розширює підтримку для більшої кількості мереж і приносить покращення, які роблять вхід з Ethereum ще швидшим. #### Оновлення вашого dApp -Якщо ви вже слідували інструкціям по міграції для RainbowKit `0.12.x` і `1.0.x`, то ви вже майже все зробили! Просто оновіться до останньої патч-версії та спробуйте її. +Якщо ви вже слідували інструкціям по міграції для RainbowKit `0.12.x` і `1.0.x`, то ви майже завершили! Просто оновіть до останнього патч-релізу і спробуйте. -RainbowKit за замовчуванням увімкнув WalletConnect v2 з `0.12.15` і `1.0.2`. Ми продовжуємо підтримку `0.12.x` на випадок, якщо ваш dApp ще не оновився до wagmi v1 та RainbowKit v1. +RainbowKit увімкнув WalletConnect v2 за замовчуванням з версіями `0.12.15` та `1.0.2`. Ми продовжуємо підтримку `0.12.x` на випадок, якщо ваш dApp ще не оновлено до wagmi v1 та RainbowKit v1. **1. Оновлення залежностей** @@ -36,7 +36,7 @@ npm i @rainbow-me/rainbowkit@^1.0.2 wagmi@^1.2 **2. Надання projectId** -Кожен dApp, що використовує WalletConnect, тепер має отримати `projectId` з [WalletConnect Cloud](https://cloud.walletconnect.com/). Це абсолютно безкоштовно і займає лише кілька хвилин. +Кожен dApp, який залежить від WalletConnect, тепер повинен отримати `projectId` з [WalletConnect Cloud](https://cloud.walletconnect.com/). Це абсолютно безкоштовно і займає лише кілька хвилин. Надайте свій `projectId` до `getDefaultWallets` та індивідуальних конекторів гаманців RainbowKit наступним чином: @@ -60,7 +60,7 @@ const connectors = connectorsForWallets([ ]); ``` -RainbowKit є типобезпечним і попереджатиме вас, коли `projectId` відсутній. Ознайомтеся з нашими прикладами, щоб побачити v2 в дії: +RainbowKit є типо-безпечним і попередить вас, коли `projectId` відсутній. Зверніться до наших прикладів, щоб побачити v2 в дії: - [Create React App](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-create-react-app) - [Next.js](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-next) diff --git a/site/data/zh-CN/docs/localization.mdx b/site/data/zh-CN/docs/localization.mdx index 3078a73562..211a293958 100644 --- a/site/data/zh-CN/docs/localization.mdx +++ b/site/data/zh-CN/docs/localization.mdx @@ -66,14 +66,16 @@ export const App = () => {
diff --git a/site/public/sitemap-0.xml b/site/public/sitemap-0.xml index 3051997a87..6d369dfc35 100644 --- a/site/public/sitemap-0.xml +++ b/site/public/sitemap-0.xml @@ -1,28 +1,28 @@ -https://rainbowkit.comdaily0.7 -https://rainbowkit.com/guides/rainbow-buttondaily0.7 -https://rainbowkit.com/guides/rainbowkit-wagmi-v2daily0.7 -https://rainbowkit.com/guides/walletconnect-v2daily0.7 -https://rainbowkit.com/docs/authenticationdaily0.7 -https://rainbowkit.com/docs/chainsdaily0.7 -https://rainbowkit.com/docs/connect-buttondaily0.7 -https://rainbowkit.com/docs/cool-modedaily0.7 -https://rainbowkit.com/docs/custom-app-infodaily0.7 -https://rainbowkit.com/docs/custom-authenticationdaily0.7 -https://rainbowkit.com/docs/custom-avatarsdaily0.7 -https://rainbowkit.com/docs/custom-chainsdaily0.7 -https://rainbowkit.com/docs/custom-connect-buttondaily0.7 -https://rainbowkit.com/docs/custom-themedaily0.7 -https://rainbowkit.com/docs/custom-wallet-listdaily0.7 -https://rainbowkit.com/docs/custom-walletsdaily0.7 -https://rainbowkit.com/docs/installationdaily0.7 -https://rainbowkit.com/docs/introductiondaily0.7 -https://rainbowkit.com/docs/localizationdaily0.7 -https://rainbowkit.com/docs/migration-guidedaily0.7 -https://rainbowkit.com/docs/modal-hooksdaily0.7 -https://rainbowkit.com/docs/modal-sizesdaily0.7 -https://rainbowkit.com/docs/recent-transactionsdaily0.7 -https://rainbowkit.com/docs/themingdaily0.7 -https://rainbowkit.com/docs/wallet-buttondaily0.7 +https://rainbowkit.comdaily0.7 +https://rainbowkit.com/guides/rainbow-buttondaily0.7 +https://rainbowkit.com/guides/rainbowkit-wagmi-v2daily0.7 +https://rainbowkit.com/guides/walletconnect-v2daily0.7 +https://rainbowkit.com/docs/authenticationdaily0.7 +https://rainbowkit.com/docs/chainsdaily0.7 +https://rainbowkit.com/docs/connect-buttondaily0.7 +https://rainbowkit.com/docs/cool-modedaily0.7 +https://rainbowkit.com/docs/custom-app-infodaily0.7 +https://rainbowkit.com/docs/custom-authenticationdaily0.7 +https://rainbowkit.com/docs/custom-avatarsdaily0.7 +https://rainbowkit.com/docs/custom-chainsdaily0.7 +https://rainbowkit.com/docs/custom-connect-buttondaily0.7 +https://rainbowkit.com/docs/custom-themedaily0.7 +https://rainbowkit.com/docs/custom-wallet-listdaily0.7 +https://rainbowkit.com/docs/custom-walletsdaily0.7 +https://rainbowkit.com/docs/installationdaily0.7 +https://rainbowkit.com/docs/introductiondaily0.7 +https://rainbowkit.com/docs/localizationdaily0.7 +https://rainbowkit.com/docs/migration-guidedaily0.7 +https://rainbowkit.com/docs/modal-hooksdaily0.7 +https://rainbowkit.com/docs/modal-sizesdaily0.7 +https://rainbowkit.com/docs/recent-transactionsdaily0.7 +https://rainbowkit.com/docs/themingdaily0.7 +https://rainbowkit.com/docs/wallet-buttondaily0.7 \ No newline at end of file