Skip to content

feat(3145): Update team names and emails on the "Get support" page #452

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
ArakTaiRoth merged 1 commit into from
Nov 12, 2025
Merged

feat(3145): Update team names and emails on the "Get support" page #452

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
70 changes: 48 additions & 22 deletions src/routes/get-started/Support.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,8 @@ import {
GoabFormItem,
GoabRadioGroup,
GoabRadioItem,
GoabSpacer, GoabText
GoabSpacer,
GoabText,
} from "@abgov/react-components";
import { ComponentContent } from "@components/component-content/ComponentContent.tsx";
import { useState } from "react";
Expand All @@ -13,7 +14,7 @@ import { GoabRadioGroupOnChangeDetail } from "@abgov/ui-components-common";
export default function SupportPage() {
let navigate = useNavigate();

const [issueSelection, setIssueSelection] = useState<string>("")
const [issueSelection, setIssueSelection] = useState<string>("");

function bugOrFeature(value: string) {
setIssueSelection(value);
Expand All @@ -33,69 +34,94 @@ export default function SupportPage() {
Get support
</GoabText>
<GoabText size="body-l" mt="none">
Get help from our team with using the design system, including components, guidelines, best practices, and accessibility.
Get help from our team with using the design system, including components, guidelines, best
practices, and accessibility.
</GoabText>

<div className="max-width-72ch">
<h2 id="raise-issue">
Raise an issue
</h2>
<h2 id="raise-issue">Raise an issue</h2>
<p>
Let us know if you find a problem in the design system or if you need a new component or pattern.
Let us know if you find a problem in the design system or if you need a new component or
pattern.
</p>
<GoabFormItem label="What would you like to do?" mt="xs">
<GoabRadioGroup name="bug-or-feature" onChange={(event: GoabRadioGroupOnChangeDetail) => bugOrFeature(event.value)}>
<GoabRadioGroup
name="bug-or-feature"
onChange={(event: GoabRadioGroupOnChangeDetail) => bugOrFeature(event.value)}>
<GoabRadioItem value="bug" label="Report a bug" />
<GoabRadioItem value="feature" label="Request a new feature" />
</GoabRadioGroup>
</GoabFormItem>
<br />
<GoabButton onClick={openPage} mb="xl">Raise an issue</GoabButton>
<GoabButton onClick={openPage} mb="xl">
Raise an issue
</GoabButton>
<h2 id="talk">Talk to us</h2>
<h3>Slack</h3>
<p>
<a href="https://goa-dio.slack.com/archives/C02PLLT9HQ9" target="_blank">#design-system-support</a>
<a href="https://goa-dio.slack.com/archives/C02PLLT9HQ9" target="_blank">
#design-system-support
</a>
<br />
Reach out to the design system directly to ask a question and get support.
</p>
<p>
<a href="https://goa-dio.slack.com/archives/C02BQQBKN66" target="_blank">#figma</a>
<br />
A place for any Figma discussion. Share tips, tricks, techniques, ask questions, report issues.
<a href="https://goa-dio.slack.com/archives/C02BQQBKN66" target="_blank">
#figma
</a>
<br />A place for any Figma discussion. Share tips, tricks, techniques, ask questions,
report issues.
</p>
<div className="hours">
<h3 id="drop-in">Drop in Hours</h3>
<span className="grey-text">(Tuesday and Friday 1:00 - 3:00pm MST)</span>
</div>
<p>
For service teams to get feedback on their usage of the design system, propose new components or changes
to existing components, ask any questions, and give feedback to the design system.
For service teams to get feedback on their usage of the design system, propose new
components or changes to existing components, ask any questions, and give feedback to the
design system.
<br />
<a href="https://outlook.office365.com/book/BKGDesignsystemdropinhours@abgov.onmicrosoft.com/" target="_blank">Book a time</a>
<a
href="https://outlook.office365.com/book/BKGDesignsystemdropinhours@abgov.onmicrosoft.com/"
target="_blank">
Book a time
</a>
</p>
<GoabSpacer vSpacing="m" />
<h2 id="team">Design system team</h2>
<GoabText tag="h3" mb="2xs">Product Owner</GoabText>
<GoabText tag="h3" mb="2xs">
Product owner
</GoabText>
<p>
Mark Elamatha | <a href="mailto:mark.elamatha@gov.ab.ca">mark.elamatha@gov.ab.ca</a>
</p>
<GoabText tag="h3" mb="2xs">Digital architect and Lead developer</GoabText>
<GoabText tag="h3" mb="2xs">
Digital architect and Lead developer
</GoabText>
<p>
Chris Olsen | <a href="mailto:chris.olsen@gov.ab.ca">chris.olsen@gov.ab.ca</a>
</p>
<GoabText tag="h3" mb="2xs">Scrum master and DevOps</GoabText>
<GoabText tag="h3" mb="2xs">
Scrum master and DevOps
</GoabText>
<p>
Dustin Nielsen | <a href="mailto:dustin.nielsen@gov.ab.ca">dustin.nielsen@gov.ab.ca</a>
</p>
<GoabText tag="h3" mb="2xs">Developers</GoabText>
<GoabText tag="h3" mb="2xs">
Developers
</GoabText>
<p>
Vanessa Tran | <a href="mailto:vanessa.m.tran@gov.ab.ca">vanessa.m.tran@gov.ab.ca</a>
<br />
Syed Zeeshan | <a href="mailto:syed.zeeshan@gov.ab.ca">syed.zeeshan@gov.ab.ca</a>
Eric Hoff | <a href="mailto:eric.hoff@gov.ab.ca">eric.hoff@gov.ab.ca</a>
</p>
<GoabText tag="h3" mb="2xs">Designer</GoabText>
<GoabText tag="h3" mb="2xs">
Designer and Developer
</GoabText>
<p>
Thomas Jeffery | <a href="mailto:thomas.jeffery@gov.ab.ca">thomas.jeffery@gov.ab.ca</a>
<br />
Benji Franck | <a href="mailto:benji.franck@gov.ab.ca">benji.franck@gov.ab.ca</a>
</p>
</div>
</ComponentContent>
Expand Down