pezkuwichain/pwap
1
0
Fork 0
mirror of https://github.com/pezkuwichain/pwap.git synced 2026-04-22 02:07:55 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: two-card wallet connection UI (extension + mobile) and update Chrome Web Store link

Browse Source
This commit is contained in:
Kurdistan Tech Ministry
2026-02-22 20:47:41 +03:00
parent 71ac20af00
commit 930c2fc910
9 changed files with 96 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/components/PezkuwiWalletButton.tsx
+1 -1
View File
@@ -201,7 +201,7 @@ export const PezkuwiWalletButton: React.FC = () => {
<div className="flex gap-3">
<a
href="https://chrome.google.com/webstore/detail/pezkuwi-wallet/fbnboicjjeebjhgnapneaeccpgjcdibn"
href="https://chromewebstore.google.com/search/pezkuwi%7B.js%7D%20extension?hl=en-GB&utm_source=ext_sidebar"
target="_blank"
rel="noopener noreferrer"
className="flex-1"
web/src/components/wallet/WalletModal.tsx
+46 -35
View File
@@ -148,7 +148,7 @@ export const WalletModal: React.FC<WalletModalProps> = ({ isOpen, onClose }) =>
<div className="flex gap-3">
<a
href="https://chrome.google.com/webstore/detail/pezkuwi-wallet/fbnboicjjeebjhgnapneaeccpgjcdibn"
href="https://chromewebstore.google.com/search/pezkuwi%7B.js%7D%20extension?hl=en-GB&utm_source=ext_sidebar"
target="_blank"
rel="noopener noreferrer"
className="flex-1"
@@ -332,47 +332,58 @@ export const WalletModal: React.FC<WalletModalProps> = ({ isOpen, onClose }) =>
</div>
</div>
) : (
// No accounts, show connect buttons
<div className="space-y-4">
<Button
onClick={handleConnect}
className="w-full bg-gradient-to-r from-purple-600 to-cyan-400 hover:from-purple-700 hover:to-cyan-500"
>
<Wallet className="mr-2 h-4 w-4" />
{t('walletModal.connectPezkuwi')}
</Button>
<div className="relative">
<div className="absolute inset-0 flex items-center">
<span className="w-full border-t border-gray-700" />
// No accounts, show two connection options
<div className="space-y-3">
{/* Option 1: Browser Extension */}
<div className="rounded-lg border border-gray-700 bg-gray-800/30 p-4 space-y-3">
<div className="flex items-center gap-2">
<Chrome className="h-5 w-5 text-green-400" />
<div>
<div className="font-medium text-sm">{t('walletModal.extensionTitle')}</div>
<div className="text-xs text-gray-400">{t('walletModal.extensionDesc')}</div>
</div>
</div>
<div className="relative flex justify-center text-xs uppercase">
<span className="bg-background px-2 text-gray-500">
{t('walletModal.or', 'or')}
</span>
</div>
</div>
<Button
onClick={() => setShowWCModal(true)}
variant="outline"
className="w-full border-purple-500/30 hover:border-purple-500/60 hover:bg-purple-500/10"
>
<Smartphone className="mr-2 h-4 w-4" />
{t('walletModal.connectWC', 'Connect with pezWallet (Mobile)')}
</Button>
<div className="text-sm text-gray-400 text-center">
{t('walletModal.noWallet')}{' '}
<Button
onClick={handleConnect}
className="w-full bg-gradient-to-r from-purple-600 to-cyan-400 hover:from-purple-700 hover:to-cyan-500"
size="sm"
>
<Wallet className="mr-2 h-4 w-4" />
{t('walletModal.extensionConnect')}
</Button>
<a
href="https://chrome.google.com/webstore/detail/pezkuwi-wallet/fbnboicjjeebjhgnapneaeccpgjcdibn"
href="https://chromewebstore.google.com/search/pezkuwi%7B.js%7D%20extension?hl=en-GB&utm_source=ext_sidebar"
target="_blank"
rel="noopener noreferrer"
className="text-purple-400 hover:underline"
className="flex items-center justify-center gap-1 text-xs text-gray-400 hover:text-purple-400 transition-colors"
>
{t('walletModal.getFromStore')}
<ExternalLink className="h-3 w-3" />
{t('walletModal.extensionGet')}
</a>
</div>
{/* Option 2: Mobile Wallet */}
<div className="rounded-lg border border-gray-700 bg-gray-800/30 p-4 space-y-3">
<div className="flex items-center gap-2">
<Smartphone className="h-5 w-5 text-purple-400" />
<div>
<div className="font-medium text-sm">{t('walletModal.mobileTitle')}</div>
<div className="text-xs text-gray-400">{t('walletModal.mobileDesc')}</div>
</div>
</div>
<Button
onClick={() => setShowWCModal(true)}
variant="outline"
className="w-full border-purple-500/30 hover:border-purple-500/60 hover:bg-purple-500/10"
size="sm"
>
<Smartphone className="mr-2 h-4 w-4" />
{t('walletModal.mobileConnect')}
</Button>
<div className="flex items-center justify-center gap-1 text-xs text-gray-400">
{t('walletModal.mobileComingSoon')}
</div>
</div>
</div>
)}
</div>
web/src/contexts/PezkuwiContext.tsx
+1 -1
View File
@@ -448,7 +448,7 @@ export const PezkuwiProvider: React.FC<PezkuwiProviderProps> = ({
setError('Please authorize the connection in your Pezkuwi Wallet extension');
} else {
setError('Pezkuwi Wallet extension not found. Please install from Chrome Web Store.');
window.open('https://chrome.google.com/webstore/detail/pezkuwi-wallet/fbnboicjjeebjhgnapneaeccpgjcdibn', '_blank');
window.open('https://chromewebstore.google.com/search/pezkuwi%7B.js%7D%20extension?hl=en-GB&utm_source=ext_sidebar', '_blank');
}
return;
}
web/src/i18n/locales/ar.ts
+8
View File
@@ -1816,6 +1816,14 @@ export default {
'walletModal.connectPezkuwi': 'توصيل Pezkuwi.js',
'walletModal.noWallet': 'ليس لديك محفظة Pezkuwi؟',
'walletModal.getFromStore': 'احصل عليها من متجر Chrome الإلكتروني',
'walletModal.extensionTitle': 'إضافة المتصفح',
'walletModal.extensionDesc': 'لأجهزة الكمبيوتر — ثبّت من متجر Chrome الإلكتروني',
'walletModal.extensionConnect': 'اتصل بالإضافة',
'walletModal.extensionGet': 'احصل عليه من متجر Chrome',
'walletModal.mobileTitle': 'محفظة الجوال',
'walletModal.mobileDesc': 'للجوال — امسح رمز QR بتطبيق pezWallet',
'walletModal.mobileConnect': 'اتصل بـ pezWallet',
'walletModal.mobileComingSoon': 'قريباً على Play Store',
'walletModal.or': 'أو',
'walletModal.connectWC': 'اتصل عبر pezWallet (الجوال)',
'walletModal.wcScanQR': 'امسح بـ pezWallet للاتصال',
web/src/i18n/locales/ckb.ts
+8
View File
@@ -1806,6 +1806,14 @@ export default {
'walletModal.connectPezkuwi': 'Pezkuwi.js پەیوەست بکە',
'walletModal.noWallet': 'جزدانی Pezkuwi نییە؟',
'walletModal.getFromStore': 'لە Chrome Web Store بیدەستبهێنە',
'walletModal.extensionTitle': 'پێوەکەی وێبگەڕ',
'walletModal.extensionDesc': 'بۆ دێسکتۆپ و لاپتۆپ — لە Chrome Web Store دابەزێنە',
'walletModal.extensionConnect': 'بە پێوەکە پەیوەندی بکە',
'walletModal.extensionGet': 'لە Chrome Web Store دابەزێنە',
'walletModal.mobileTitle': 'جزدانی مۆبایل',
'walletModal.mobileDesc': 'بۆ مۆبایل — بە pezWallet QR کۆد بخوێنەوە',
'walletModal.mobileConnect': 'بە pezWallet پەیوەندی بکە',
'walletModal.mobileComingSoon': 'بەم زووانە لە Play Store',
'walletModal.or': 'یان',
'walletModal.connectWC': 'بە pezWallet پەیوەندی بکە (مۆبایل)',
'walletModal.wcScanQR': 'بۆ پەیوەندیکردن بە pezWallet سکان بکە',
web/src/i18n/locales/en.ts
+8
View File
@@ -2175,6 +2175,14 @@ export default {
'walletModal.connectPezkuwi': 'Connect Pezkuwi.js',
'walletModal.noWallet': "Don't have Pezkuwi Wallet?",
'walletModal.getFromStore': 'Get it from Chrome Web Store',
'walletModal.extensionTitle': 'Browser Extension',
'walletModal.extensionDesc': 'For desktop & laptop — install from Chrome Web Store',
'walletModal.extensionConnect': 'Connect Extension',
'walletModal.extensionGet': 'Get from Chrome Web Store',
'walletModal.mobileTitle': 'Mobile Wallet',
'walletModal.mobileDesc': 'For mobile — scan QR code with pezWallet app',
'walletModal.mobileConnect': 'Connect with pezWallet',
'walletModal.mobileComingSoon': 'Coming soon on Play Store',
'walletModal.or': 'or',
'walletModal.connectWC': 'Connect with pezWallet (Mobile)',
'walletModal.wcScanQR': 'Scan with pezWallet to connect',
web/src/i18n/locales/fa.ts
+8
View File
@@ -1776,6 +1776,14 @@ export default {
'walletModal.connectPezkuwi': 'اتصال Pezkuwi.js',
'walletModal.noWallet': 'کیف پول Pezkuwi ندارید؟',
'walletModal.getFromStore': 'از فروشگاه وب کروم دریافت کنید',
'walletModal.extensionTitle': 'افزونه مرورگر',
'walletModal.extensionDesc': 'برای دسکتاپ و لپ‌تاپ — از فروشگاه وب Chrome نصب کنید',
'walletModal.extensionConnect': 'اتصال با افزونه',
'walletModal.extensionGet': 'دریافت از فروشگاه Chrome',
'walletModal.mobileTitle': 'کیف پول موبایل',
'walletModal.mobileDesc': 'برای موبایل — کد QR را با اپلیکیشن pezWallet اسکن کنید',
'walletModal.mobileConnect': 'اتصال با pezWallet',
'walletModal.mobileComingSoon': 'به زودی در Play Store',
'walletModal.or': 'یا',
'walletModal.connectWC': 'اتصال با pezWallet (موبایل)',
'walletModal.wcScanQR': 'برای اتصال با pezWallet اسکن کنید',
web/src/i18n/locales/kmr.ts
+8
View File
@@ -1833,6 +1833,14 @@ export default {
'walletModal.connectPezkuwi': 'Pezkuwi.js Girêbide',
'walletModal.noWallet': 'Berîka Pezkuwi tune?',
'walletModal.getFromStore': 'Ji Chrome Web Store Bistînin',
'walletModal.extensionTitle': 'Pêveka Gerokê',
'walletModal.extensionDesc': 'Ji bo desktop û laptop — ji Chrome Web Store saz bikin',
'walletModal.extensionConnect': 'Bi Pêvekê Ve Girêbide',
'walletModal.extensionGet': 'Ji Chrome Web Store Daxîne',
'walletModal.mobileTitle': 'Berîka Mobîl',
'walletModal.mobileDesc': 'Ji bo mobîl — bi pezWallet QR kodê bişopîne',
'walletModal.mobileConnect': 'Bi pezWallet Ve Girêbide',
'walletModal.mobileComingSoon': 'Di nêzîk de li Play Store',
'walletModal.or': 'an jî',
'walletModal.connectWC': 'Bi pezWallet ve girêbide (Mobîl)',
'walletModal.wcScanQR': 'Ji bo girêdanê bi pezWallet re bişopîne',
web/src/i18n/locales/tr.ts
+8
View File
@@ -1827,6 +1827,14 @@ export default {
'walletModal.connectPezkuwi': 'Pezkuwi.js Bağla',
'walletModal.noWallet': 'Pezkuwi Cüzdanınız yok mu?',
'walletModal.getFromStore': 'Chrome Web Mağazası\'ndan Edinin',
'walletModal.extensionTitle': 'Tarayıcı Eklentisi',
'walletModal.extensionDesc': 'Masaüstü ve laptop için — Chrome Web Store\'dan yükleyin',
'walletModal.extensionConnect': 'Eklentiyle Bağlan',
'walletModal.extensionGet': 'Chrome Web Store\'dan İndir',
'walletModal.mobileTitle': 'Mobil Cüzdan',
'walletModal.mobileDesc': 'Mobil için — pezWallet uygulamasıyla QR kodu tarayın',
'walletModal.mobileConnect': 'pezWallet ile Bağlan',
'walletModal.mobileComingSoon': 'Yakında Play Store\'da',
'walletModal.or': 'veya',
'walletModal.connectWC': 'pezWallet ile Bağlan (Mobil)',
'walletModal.wcScanQR': 'Bağlanmak için pezWallet ile tarayın',