diff --git a/CREDITS.md b/CREDITS.md index 456470bd1..2b1dab6d2 100644 --- a/CREDITS.md +++ b/CREDITS.md @@ -846,6 +846,7 @@ * `peertube-x` by Solen DP (CC-BY) * `flame` by Freepik (Flaticon License) * `local` by Larea (CC-BY) + * X (Twitter) icon: [Wikimedia Commons](https://fr.m.wikipedia.org/wiki/Fichier:X_logo_2023.svg) # Contributors to our 2020 crowdfunding :heart: diff --git a/client/src/app/+about/about.component.html b/client/src/app/+about/about.component.html index f2f6ee61d..2aa52b623 100644 --- a/client/src/app/+about/about.component.html +++ b/client/src/app/+about/about.component.html @@ -27,17 +27,25 @@ *ngIf="config.instance.social.mastodonLink" class="media peertube-button-link rounded-icon-button mb-3" i18n-title title="Go to the Mastodon profile" target="_blank" rel="noopener noreferrer" [href]="config.instance.social.mastodonLink" - > + > + + + + - - + + {{ formErrors.instance.social.mastodonLink }} + + X link + + + + {{ formErrors.instance.social.xLink }} + + Bluesky link diff --git a/client/src/app/+admin/config/pages/admin-config-information.component.ts b/client/src/app/+admin/config/pages/admin-config-information.component.ts index 6d11cac2a..63641af40 100644 --- a/client/src/app/+admin/config/pages/admin-config-information.component.ts +++ b/client/src/app/+admin/config/pages/admin-config-information.component.ts @@ -59,6 +59,7 @@ type Form = { externalLink: FormControl mastodonLink: FormControl blueskyLink: FormControl + xLink: FormControl }> isNSFW: FormControl @@ -205,7 +206,8 @@ export class AdminConfigInformationComponent implements OnInit, OnDestroy, CanCo social: { externalLink: URL_VALIDATOR, mastodonLink: URL_VALIDATOR, - blueskyLink: URL_VALIDATOR + blueskyLink: URL_VALIDATOR, + xLink: URL_VALIDATOR } } } diff --git a/client/src/app/shared/shared-icons/global-icon.component.ts b/client/src/app/shared/shared-icons/global-icon.component.ts index 32dce11df..94ab5c3d6 100644 --- a/client/src/app/shared/shared-icons/global-icon.component.ts +++ b/client/src/app/shared/shared-icons/global-icon.component.ts @@ -16,6 +16,7 @@ const icons = { 'flame': require('../../../assets/images/misc/flame.svg'), 'fediverse': require('../../../assets/images/misc/fediverse.svg'), 'mastodon': require('../../../assets/images/misc/mastodon.svg'), + 'x-twitter': require('../../../assets/images/misc/x-twitter.svg'), 'bluesky': require('../../../assets/images/misc/bluesky.svg'), // feather/lucide icons diff --git a/client/src/assets/images/misc/x-twitter.svg b/client/src/assets/images/misc/x-twitter.svg new file mode 100644 index 000000000..56eb0f0b7 --- /dev/null +++ b/client/src/assets/images/misc/x-twitter.svg @@ -0,0 +1,4 @@ + + + + diff --git a/config/default.yaml b/config/default.yaml index 740f9c065..75d144f77 100644 --- a/config/default.yaml +++ b/config/default.yaml @@ -964,6 +964,8 @@ instance: mastodon_link: '' # Bluesky bluesky_link: '' + # X + x_link: '' customizations: javascript: '' # Directly your JavaScript code (without