feat: Add animation to the recovery key screen (#410)
continuous-integration/drone/push Build is passing Details

#164
Co-authored-by: dettlaff <dettlaff@riseup.net>
Reviewed-on: #410
Reviewed-by: NaiJi  <naiji@noreply.git.selfprivacy.org>
Reviewed-by: Inex Code <inex.code@selfprivacy.org>
Co-authored-by: def <dettlaff@riseup.net>
Co-committed-by: def <dettlaff@riseup.net>
pull/420/head
def 2023-12-26 11:28:52 +02:00 committed by Inex Code
parent 20d7f37b8b
commit d7bf6a0c06
1 changed files with 8 additions and 4 deletions

View File

@ -89,10 +89,14 @@ class _RecoveryKeyContentState extends State<RecoveryKeyContent> {
children: [
if (keyStatus.exists) RecoveryKeyStatusCard(isValid: keyStatus.isValid),
const SizedBox(height: 16),
if (keyStatus.exists && !_isConfigurationVisible)
RecoveryKeyInformation(state: keyStatus),
if (_isConfigurationVisible || !keyStatus.exists)
const RecoveryKeyConfiguration(),
AnimatedCrossFade(
duration: const Duration(milliseconds: 300),
firstChild: RecoveryKeyInformation(state: keyStatus),
secondChild: const RecoveryKeyConfiguration(),
crossFadeState: _isConfigurationVisible || !keyStatus.exists
? CrossFadeState.showSecond
: CrossFadeState.showFirst,
),
const SizedBox(height: 16),
if (!_isConfigurationVisible && keyStatus.isValid && keyStatus.exists)
BrandButton.text(