a4dde88ff6
Adds a hardened Discord support link and clarifies that project databases move to the central Fusion database in the storage update notice banner. - Add a "Get help" button/link to the Fusion Discord (https://discord.gg/ksrfuy7WYR) in StorageMigrationNoticeBanner, with new .storage-migration-notice-banner__actions/__help CSS (desktop + mobile layout) - Revise the banner body copy to state that project databases will be served from the central Fusion database instead of each project's local .fusion/fusion.db SQLite file - Add storageMigrationNotice.getHelp/getHelpLabel i18n keys and update en/app.json body copy; sync placeholder keys across es/fr/ko/zh-CN/zh-TW locales and regenerate resources.d.ts - Extend StorageMigrationNoticeBanner tests to cover the new help link (href/target/rel) and updated body copy, including dismissed/error-path cases - Add a minor changeset for @runfusion/fusion documenting the banner change Files changed: .changeset/fn-7874-storage-banner-get-help.md | 7 ++++++ .../components/StorageMigrationNoticeBanner.css | 26 ++++++++++++++++++++++ .../components/StorageMigrationNoticeBanner.tsx | 16 ++++++++++++- .../StorageMigrationNoticeBanner.test.tsx | 16 +++++++++++-- packages/i18n/locales/en/app.json | 4 +++- packages/i18n/locales/es/app.json | 7 ++++++ packages/i18n/locales/fr/app.json | 7 ++++++ packages/i18n/locales/ko/app.json | 7 ++++++ packages/i18n/locales/zh-CN/app.json | 7 ++++++ packages/i18n/locales/zh-TW/app.json | 7 ++++++ packages/i18n/src/resources.d.ts | 7 ++++++ 11 files changed, 107 insertions(+), 4 deletions(-) Fusion-Task-Id: FN-7874 Fusion-Task-Lineage: baa88812-18ca-4910-a641-8d6e23f602a6 Co-authored-by: Fusion (runfusion.ai) <noreply@runfusion.ai>
100 lines
2.3 KiB
CSS
100 lines
2.3 KiB
CSS
/* === StorageMigrationNoticeBanner === */
|
|
.storage-migration-notice-banner {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
justify-content: space-between;
|
|
gap: var(--space-sm);
|
|
margin: var(--space-sm) var(--space-md) 0;
|
|
padding: var(--space-sm) var(--space-md);
|
|
background: linear-gradient(
|
|
90deg,
|
|
color-mix(in srgb, var(--todo) 12%, transparent),
|
|
color-mix(in srgb, var(--todo) 4%, transparent)
|
|
);
|
|
border: var(--btn-border-width) solid color-mix(in srgb, var(--todo) 35%, transparent);
|
|
border-radius: var(--radius-md);
|
|
color: var(--text);
|
|
}
|
|
|
|
.storage-migration-notice-banner__body {
|
|
flex: 1;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--space-xs);
|
|
min-width: 0;
|
|
}
|
|
|
|
.storage-migration-notice-banner__title {
|
|
font-weight: 600;
|
|
font-size: var(--font-size-base);
|
|
color: var(--text);
|
|
}
|
|
|
|
.storage-migration-notice-banner__text {
|
|
margin: 0;
|
|
font-size: var(--font-size-base);
|
|
line-height: 1.5;
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
.storage-migration-notice-banner__actions {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
gap: var(--space-xs);
|
|
}
|
|
|
|
.storage-migration-notice-banner__help {
|
|
align-self: flex-start;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.storage-migration-notice-banner__help:focus-visible {
|
|
outline: none;
|
|
box-shadow: var(--focus-ring-strong);
|
|
}
|
|
|
|
.storage-migration-notice-banner__dismiss {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding: var(--space-xs);
|
|
background: transparent;
|
|
color: var(--text-muted);
|
|
border: none;
|
|
border-radius: var(--radius-sm);
|
|
cursor: pointer;
|
|
flex-shrink: 0;
|
|
line-height: 0;
|
|
transition: color var(--transition-fast), background var(--transition-fast);
|
|
}
|
|
|
|
.storage-migration-notice-banner__dismiss:hover {
|
|
background: color-mix(in srgb, var(--text) 6%, transparent);
|
|
color: var(--text);
|
|
}
|
|
|
|
.storage-migration-notice-banner__dismiss:focus-visible {
|
|
outline: none;
|
|
box-shadow: var(--focus-ring-strong);
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.storage-migration-notice-banner {
|
|
align-items: stretch;
|
|
}
|
|
|
|
.storage-migration-notice-banner__actions {
|
|
align-items: stretch;
|
|
}
|
|
|
|
.storage-migration-notice-banner__help {
|
|
justify-content: center;
|
|
width: 100%;
|
|
}
|
|
|
|
.storage-migration-notice-banner__dismiss {
|
|
align-self: flex-start;
|
|
}
|
|
}
|