etkr4k/bedolaga-cabinet
1
0
Fork 0
mirror of https://github.com/chillpadclub/bedolaga-cabinet.git synced 2026-07-29 18:13:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor: extract BlockButtons component from InstallationGuide

Browse Source 
Move button rendering logic (URL validation, copy handler, icon
components) into a dedicated BlockButtons component. Remove
duplicate getLocalizedText/getBaseTranslation helpers from
Connection page controller.
This commit is contained in:
c0mrade
2026-02-06 18:05:40 +03:00
parent 6f3abf8260
commit 5171890745
4 changed files with 176 additions and 159 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/pages/Connection.tsx
View File

@@ -8,7 +8,7 @@ import { useTelegramSDK } from '../hooks/useTelegramSDK';
import { useHaptic } from '@/platform';
import { resolveTemplate, hasTemplates } from '../utils/templateEngine';
import { useAuthStore } from '../store/auth';
import type { AppConfig, LocalizedText } from '../types';
import type { AppConfig } from '../types';
import InstallationGuide from '../components/connection/InstallationGuide';
export default function Connection() {
@@ -79,21 +79,6 @@ export default function Connection() {
[isTelegramWebApp, i18n.language, resolveUrl],
);
const getLocalizedText = (text: LocalizedText | undefined): string => {
if (!text) return '';
const lang = i18n.language || 'en';
return text[lang] || text['en'] || text['ru'] || Object.values(text)[0] || '';
};
const getBaseTranslation = (key: string, i18nKey: string): string => {
const bt = appConfig?.baseTranslations;
if (bt && key in bt) {
const text = getLocalizedText(bt[key as keyof typeof bt] as LocalizedText);
if (text) return text;
}
return t(i18nKey);
};
// Loading
if (isLoading) {
return (
@@ -109,7 +94,7 @@ export default function Connection() {
<div className="flex flex-1 flex-col items-center justify-center p-8 text-center">
<p className="mb-4 text-lg text-dark-300">{t('common.error')}</p>
<button onClick={handleGoBack} className="btn-primary px-6 py-2">
{getBaseTranslation('close', 'common.close')}
{t('common.close')}
</button>
</div>
);
@@ -124,7 +109,7 @@ export default function Connection() {
</h3>
<p className="mb-4 text-dark-400">{t('subscription.connection.noSubscription')}</p>
<button onClick={handleGoBack} className="btn-primary px-6 py-2">
{getBaseTranslation('close', 'common.close')}
{t('common.close')}
</button>
</div>
);