Merge pull request #1068 from preactjs/chore/add-slack

rschristian · web-flow · commit c85cd86306df · 2024-02-02T14:50:14.000-06:00
chore: Add Slack link to header
diff --git a/src/assets/header-icons.svg b/src/assets/header-icons.svg
@@ -7,6 +7,17 @@
         <path d="M10.68 27.646c12.83 0 19.85-10.64 19.85-19.85 0-.3 0-.599-.013-.898A14.213 14.213 0 0 0 34 3.278a14.14 14.14 0 0 1-4.014 1.103A7.02 7.02 0 0 0 33.061.517a13.877 13.877 0 0 1-4.435 1.687A6.963 6.963 0 0 0 23.537 0c-3.85 0-6.98 3.13-6.98 6.98 0 .544.069 1.074.178 1.591-5.796-.285-10.94-3.074-14.381-7.292a6.978 6.978 0 0 0-.939 3.51 6.995 6.995 0 0 0 3.102 5.81 7.057 7.057 0 0 1-3.156-.871v.095a6.991 6.991 0 0 0 5.591 6.844 6.802 6.802 0 0 1-1.836.245c-.45 0-.885-.041-1.306-.123a6.976 6.976 0 0 0 6.517 4.844 13.993 13.993 0 0 1-8.667 2.993c-.558 0-1.116-.027-1.66-.095a19.845 19.845 0 0 0 10.68 3.115" fill="#fff" />
     </symbol>
 
+	<symbol id="slack" viewBox="0 0 512 512" fill="#fff">
+	  <path d="M126.12,315.1A47.06,47.06,0,1,1,79.06,268h47.06Z" />
+	  <path d="M149.84,315.1a47.06,47.06,0,0,1,94.12,0V432.94a47.06,47.06,0,1,1-94.12,0Z" />
+	  <path d="M196.9,126.12A47.06,47.06,0,1,1,244,79.06v47.06Z" />
+	  <path d="M196.9,149.84a47.06,47.06,0,0,1,0,94.12H79.06a47.06,47.06,0,0,1,0-94.12Z" />
+	  <path d="M385.88,196.9A47.06,47.06,0,1,1,432.94,244H385.88Z" />
+	  <path d="M362.16,196.9a47.06,47.06,0,0,1-94.12,0V79.06a47.06,47.06,0,1,1,94.12,0Z" />
+	  <path d="M315.1,385.88A47.06,47.06,0,1,1,268,432.94V385.88Z" />
+	  <path d="M315.1,362.16a47.06,47.06,0,0,1,0-94.12H432.94a47.06,47.06,0,1,1,0,94.12Z" />
+	</symbol>
+
     <symbol id="i18n" viewBox="0 0 24 24">
         <path d="M0 0h24v24H0z" fill="none" />
         <path d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z" fill="#fff" />
diff --git a/src/components/header/index.js b/src/components/header/index.js
@@ -59,6 +59,15 @@ export default function Header() {
 								<use href="/assets/header-icons.svg#twitter" />
 							</svg>
 						</a>
+						<a
+							class={style.socialItem}
+							aria-label="Chat with us on Slack"
+							href="http://chat.preactjs.com/"
+						>
+							<svg aria-hidden viewBox="0 0 512 512">
+								<use href="/assets/header-icons.svg#slack" />
+							</svg>
+						</a>
 					</div>
 					<div class={style.translation}>
 						<NavMenu language />
diff --git a/src/components/header/style.module.css b/src/components/header/style.module.css
@@ -381,7 +381,7 @@
 
 	svg {
 		width: 1.5rem;
-		height: auto;
+		height: 1.5rem;
 	}
 }
 

Original file line number	Diff line number	Diff line change
`@@ -381,7 +381,7 @@`
`381`	`381`
`382`	`382`	`svg {`
`383`	`383`	`width: 1.5rem;`
`384`		`- height: auto;`
	`384`	`+ height: 1.5rem;`
`385`	`385`	`}`
`386`	`386`	`}`
`387`	`387`