From b4b259dc6533379ae2663a2966713fd6d6337460 Mon Sep 17 00:00:00 2001
From: Quentin Deroubaix <quentin.deroubaix@amadeus.com>
Date: Fri, 28 Jul 2023 15:57:25 +0200
Subject: [PATCH] feat: add link to Twitter AgnosUI account

---
 .github/ISSUE_TEMPLATE/bug_report.md      | 18 ++++++++++--------
 .github/ISSUE_TEMPLATE/feature_request.md |  1 -
 demo/src/routes/+layout.svelte            |  8 ++++++--
 demo/src/routes/styles.scss               |  4 ++++
 e2e/demo.spec.ts                          |  8 +-------
 5 files changed, 21 insertions(+), 18 deletions(-)

diff --git a/.github/ISSUE_TEMPLATE/bug_report.md b/.github/ISSUE_TEMPLATE/bug_report.md
index dd84ea7824..b5c68e55be 100644
--- a/.github/ISSUE_TEMPLATE/bug_report.md
+++ b/.github/ISSUE_TEMPLATE/bug_report.md
@@ -4,7 +4,6 @@ about: Create a report to help us improve
 title: ''
 labels: ''
 assignees: ''
-
 ---
 
 **Describe the bug**
@@ -12,6 +11,7 @@ A clear and concise description of what the bug is.
 
 **To Reproduce**
 Steps to reproduce the behavior:
+
 1. Go to '...'
 2. Click on '....'
 3. Scroll down to '....'
@@ -24,15 +24,17 @@ A clear and concise description of what you expected to happen.
 If applicable, add screenshots to help explain your problem.
 
 **Desktop (please complete the following information):**
- - OS: [e.g. iOS]
- - Browser [e.g. chrome, safari]
- - Version [e.g. 22]
+
+- OS: [e.g. iOS]
+- Browser [e.g. chrome, safari]
+- Version [e.g. 22]
 
 **Smartphone (please complete the following information):**
- - Device: [e.g. iPhone6]
- - OS: [e.g. iOS8.1]
- - Browser [e.g. stock browser, safari]
- - Version [e.g. 22]
+
+- Device: [e.g. iPhone6]
+- OS: [e.g. iOS8.1]
+- Browser [e.g. stock browser, safari]
+- Version [e.g. 22]
 
 **Additional context**
 Add any other context about the problem here.
diff --git a/.github/ISSUE_TEMPLATE/feature_request.md b/.github/ISSUE_TEMPLATE/feature_request.md
index bbcbbe7d61..2f28cead03 100644
--- a/.github/ISSUE_TEMPLATE/feature_request.md
+++ b/.github/ISSUE_TEMPLATE/feature_request.md
@@ -4,7 +4,6 @@ about: Suggest an idea for this project
 title: ''
 labels: ''
 assignees: ''
-
 ---
 
 **Is your feature request related to a problem? Please describe.**
diff --git a/demo/src/routes/+layout.svelte b/demo/src/routes/+layout.svelte
index 8290aee98a..cba0520731 100644
--- a/demo/src/routes/+layout.svelte
+++ b/demo/src/routes/+layout.svelte
@@ -7,6 +7,7 @@
 	import {selectedFramework$} from '../lib/stores';
 	import Svg from '$lib/layout/Svg.svelte';
 	import github from 'bootstrap-icons/icons/github.svg?raw';
+	import twitter from 'bootstrap-icons/icons/twitter.svg?raw';
 </script>
 
 <svelte:head>
@@ -19,9 +20,12 @@
 			<a class="navbar-brand" href={$pathToRoot$}> AgnosUI </a>
 			<div class="d-flex align-items-center">
 				<a class="nav-link text-white" href="https://github.com/AmadeusITGroup/AgnosUI" aria-label="link to GitHub repository" target="_blank">
-					<Svg className="icon-20 align-middle" svg={github} />
+					<Svg className="icon-24 align-middle" svg={github} />
 				</a>
-				<span class="ms-2 navbar-text">v{import.meta.env.AGNOSUI_VERSION}</span>
+				<a class="nav-link text-white ms-3" href="https://twitter.com/AgnosUI" aria-label="link to twitter account" target="_blank">
+					<Svg className="icon-24 align-middle" svg={twitter} />
+				</a>
+				<span class="ms-3 text-white">v{import.meta.env.AGNOSUI_VERSION}</span>
 			</div>
 		</div>
 	</nav>
diff --git a/demo/src/routes/styles.scss b/demo/src/routes/styles.scss
index 7f8957a1b7..77fabc3d4a 100644
--- a/demo/src/routes/styles.scss
+++ b/demo/src/routes/styles.scss
@@ -174,4 +174,8 @@ header {
 		width: 20px;
 		height: 20px;
 	}
+	&.icon-24 {
+		width: 24px;
+		height: 24px;
+	}
 }
diff --git a/e2e/demo.spec.ts b/e2e/demo.spec.ts
index 4f15791052..c3a946b664 100644
--- a/e2e/demo.spec.ts
+++ b/e2e/demo.spec.ts
@@ -17,13 +17,7 @@ const allRoutes = globSync(`${pathToFrameworkDir}/**/+page.svelte`).map((route)
 );
 
 async function analyze(page: Page): Promise<AxeResults> {
-	return (
-		new AxeBuilder({page})
-			.withTags(['wcag2a', 'wcag2aa', 'wcag21a', 'wcag21aa'])
-			// TODO remove the color-contrast exclusion once we have decided on the theming of the demos
-			.disableRules(['color-contrast'])
-			.analyze()
-	);
+	return new AxeBuilder({page}).withTags(['wcag2a', 'wcag2aa', 'wcag21a', 'wcag21aa']).disableRules(['color-contrast']).analyze();
 }
 
 test.describe.parallel('Demo Website', () => {