feat: Add animation to the recovery key screen (#410)
continuous-integration/drone/push Build is passing
Details
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
parent
20d7f37b8b
commit
d7bf6a0c06
|
@ -89,10 +89,14 @@ class _RecoveryKeyContentState extends State<RecoveryKeyContent> {
|
||||||
children: [
|
children: [
|
||||||
if (keyStatus.exists) RecoveryKeyStatusCard(isValid: keyStatus.isValid),
|
if (keyStatus.exists) RecoveryKeyStatusCard(isValid: keyStatus.isValid),
|
||||||
const SizedBox(height: 16),
|
const SizedBox(height: 16),
|
||||||
if (keyStatus.exists && !_isConfigurationVisible)
|
AnimatedCrossFade(
|
||||||
RecoveryKeyInformation(state: keyStatus),
|
duration: const Duration(milliseconds: 300),
|
||||||
if (_isConfigurationVisible || !keyStatus.exists)
|
firstChild: RecoveryKeyInformation(state: keyStatus),
|
||||||
const RecoveryKeyConfiguration(),
|
secondChild: const RecoveryKeyConfiguration(),
|
||||||
|
crossFadeState: _isConfigurationVisible || !keyStatus.exists
|
||||||
|
? CrossFadeState.showSecond
|
||||||
|
: CrossFadeState.showFirst,
|
||||||
|
),
|
||||||
const SizedBox(height: 16),
|
const SizedBox(height: 16),
|
||||||
if (!_isConfigurationVisible && keyStatus.isValid && keyStatus.exists)
|
if (!_isConfigurationVisible && keyStatus.isValid && keyStatus.exists)
|
||||||
BrandButton.text(
|
BrandButton.text(
|
||||||
|
|
Loading…
Reference in New Issue