diff --git a/app/soapbox/actions/backups.js b/app/soapbox/actions/backups.js new file mode 100644 index 0000000000..844c55ce59 Binary files /dev/null and b/app/soapbox/actions/backups.js differ diff --git a/app/soapbox/features/backups/index.js b/app/soapbox/features/backups/index.js new file mode 100644 index 0000000000..7b161cc35e Binary files /dev/null and b/app/soapbox/features/backups/index.js differ diff --git a/app/soapbox/features/ui/index.js b/app/soapbox/features/ui/index.js index 6a556510c2..010ee253f1 100644 Binary files a/app/soapbox/features/ui/index.js and b/app/soapbox/features/ui/index.js differ diff --git a/app/soapbox/features/ui/util/async-components.js b/app/soapbox/features/ui/util/async-components.js index bc0c98ca8f..52400138f6 100644 Binary files a/app/soapbox/features/ui/util/async-components.js and b/app/soapbox/features/ui/util/async-components.js differ diff --git a/app/soapbox/reducers/backups.js b/app/soapbox/reducers/backups.js new file mode 100644 index 0000000000..913038ee8d Binary files /dev/null and b/app/soapbox/reducers/backups.js differ diff --git a/app/soapbox/reducers/index.js b/app/soapbox/reducers/index.js index 00db40b1ef..e8cb4821b9 100644 Binary files a/app/soapbox/reducers/index.js and b/app/soapbox/reducers/index.js differ diff --git a/app/styles/application.scss b/app/styles/application.scss index 91f5ec1926..366b7fcae7 100644 --- a/app/styles/application.scss +++ b/app/styles/application.scss @@ -80,6 +80,7 @@ @import 'components/accordion'; @import 'components/server-info'; @import 'components/admin'; +@import 'components/backups'; // Holiday @import 'holiday/halloween'; diff --git a/app/styles/components/backups.scss b/app/styles/components/backups.scss new file mode 100644 index 0000000000..57f1144f7f --- /dev/null +++ b/app/styles/components/backups.scss @@ -0,0 +1,13 @@ +.backup { + padding: 15px; + border-bottom: 1px solid var(--brand-color--faint); + + a { + color: var(--brand-color--hicontrast); + } + + &--pending { + font-style: italic; + color: var(--primary-text-color--faint); + } +}