Cc: @pierssinclairssw @adamcogan @AttackOnMorty

Hi @ozairashfaqueSSW

Pain

In the last yarn outdated run, 3 packages required major backward-incompatible updates

Tasks

• [x] Update all minor and patch versions
• [ ] ~~Update @mdx-js/mdx @mdx-js/react packages~~ (Not compatible with gatsby, see #109)
• [x] Update dotenv package to latest version
• [x] Update fontawesome package to latest version

Screenshots

Figure: Update all the packages

Figure: Update all packages before production, @mdx-js/mdx and react cannot be updated:https://github.com/gatsbyjs/gatsby/issues/34706

Thanks!

Cc: @lukecookssw @pierssinclairssw @ozairashfaqueSSW

To Myself

Describe the Pain

The form is showing the Booking form instead of the Referral form

Figure: What is currently being shown

To Reproduce

Steps to reproduce the behavior:

1. Go to /consulting/are-you-stuck
2. Click on "I'm a Developer"
3. Click on "Refer SSW Consulting Services"
4. See error, the wrong booking form is shown

Expected Behavior

This referral form should be shown instead Figure: What should be showing when the referral button is clicked

Tasks

• [x] Investigate the end point of each form
• [x] Build the form accordingly
• [x] Test

More Information

Environment

• Device: Any
• Browser: Any
• OS: [e.g. iOS]

Screenshots

Thanks!

Cc: @pierssinclairssw @adamcogan

Hi @ozairashfaqueSSW

Pain

After comparing with the old website, there are a few enhancements that need to be made.

Tasks

• [x] Add top border
• [x] Sydney Tab should be open default
• [x] Fix css breaking points for map
• [x] Offices opening/closing on their time zones
• [x] Check the open tag logic in old website
• [x] Make map smaller
• [x] Add bottom padding

Screenshots

Figure: New Webiste - SSW TV and Contact Us component and offices open/close should be on their relevant time zones

Figure: Old Website - SSW TV and Contact Us component

Thanks!

Cc: @adamcogan @AttackOnMorty @pierssinclairssw @ozairashfaqueSSW

To Myself,

Pain

Our existing Staging website does not have a nice looking URL

Tasks

• [x] Talk to @chrisschultzssw or @leahy268
• [x] Establish a nicer URL for the staging website e.g. staging.ssw.com.au

Thanks!

Cc: @adamcogan @pierssinclairssw @AttackOnMorty

To Myself

Pain

Currently the build-main.yml workflow has hardcoded values for the environment variables

Tasks

• [x] Update this workflow to use Staging as an environment
• [ ] Optionally: Add another step that runs with the Production environment

Thanks!

Cc: @adamcogan @pierssinclairssw @lukecookssw @AttackOnMorty

To Myself,

Pain

We would like to add consulting booking form

Tasks

• [x] Investigate the old booking form
• [x] Add new booking form to Template - Consulting page

Screenshots

Figure: Consulting booking form for SSW website

Thanks!

Cc: @pierssinclairssw @adamcogan

Hi @ozairashfaqueSSW

Pain

As per our conversation in the Sprint Review 5, we need to add a few enhancements to the Carousel component

Suggested Solution

Tasks

• [x] Add pop-up for why choose SSW Vimeo video
• [x] Make carousel indicators larger while hovering

Screenshots

Figure: Clickable why choose SSW image and carousel indicators

Thanks!

Cc: @adamcogan @AttackOnMorty @pierssinclairssw @christianmorfordwaitessw

To Myself

Pain

The new index page isn't quite like the existing production SSW Website index page

Tasks

• [x] Add Core Services panels

Screenshots

Figure: Core Services panel

Thanks!

Resolves #22

Use {mdx.slug}.tsx file naming syntax to generate routings automatically. Refer to https://www.gatsbyjs.com/docs/tutorial/part-6/#task-create-blog-post-page-template

PR to create basic GitHub actions for building and deploying the Gatsby Site to Azure.

These will require Environments/Secrets to be set up in the GitHub Repo.

#12 #13

Adding Workflows for Production and Staging:

• Scheduled build health check for main branch
• Staging and Production CI / Cd
  • Workflow 1: Deploy Resources to an Azure Resource Group
  • Workflow 2:
    • Build the Gatsby Website
    • Upload to blob

Cc: @adamcogan @pierssinclairssw @christianmorfordwaitessw @AttackOnMorty

To Myself

Pain

Currently in Rules, we define a rule's URL based on the front matter. This isn't great because we need to change the folder name and frontmatter when updating the uri of a rule.

Suggested Solution

Use GraphQL magic to define pages by their folder names.

Tasks

• [x] Investigate
• [x] Create /consulting pages based on folder names in the content repo

Thanks!

Hi @lukecookssw

Describe the Bug

Icons aren't working on the consulting pages

To Reproduce

Steps to reproduce the behavior:

1. Go to https://www.ssw.com.au/consulting/react/
2. See issue

Figure: Broken icon

Figure: CORS error loading icons + lots of other errors 😬

Expected Behavior

icons work

Tasks

• [ ] Investigate
• [ ] Fix

Thanks!

Cc: @2fernandez , @adamcogan

Hi @lukecookssw

Describe the Bug

The offices widget on the Gatsby site is giving wrong info!

E.g. Right now it's Saturday in Sydney but office is showing as "open"... Same for Melbourne and Newcastle and strangely not for Brisbane... although offices have exactly the same business hours...

Also, it's showing content that were bold (phone number and business hours/days) in red...

To Reproduce

Steps to reproduce the behavior:

1. Go to https://ssw.com.au (Gatsby) and compare with https://ssw.com.au/ssw (ASPX)
2. Look at the offices info section

Tasks

Make sure the Gatsby widget is consistent with the ASPX

• [ ] Fix business hours (open or closed)
• [ ] Fix the red text to be bold

Screenshots

❌ Figure: Wrong info and styling in the Gatsby website

✅ Figure: Right info and styling in the ASPX website

Thanks!

Related issue: https://github.com/SSWConsulting/SSW.Website/issues/266

Hi @lukecookssw

Pain

Not sure why the footer links were migrated to gatsby in a different way (sitemap and health check links are in a different row)

What code could be improved?

Make footer consistent with the rest of website sites

Tasks

1. [ ] Make footer links consistent

Screenshots

Thanks!

Cc:

Hi @lukecookssw

Pain

We currently have 2 public homepages:

• https://ssw.com.au/ssw/
• https://ssw.com.au/

What code could be improved?

Should we redirect the older one?

Tasks

1. [ ] Please action if agreed (and there is no technical impeditives)

Thanks!