This repository is a v2 of the SSW Website

  • By SSW Consulting
  • Last update: Dec 14, 2022
  • Comments: 15

Comments(15)

  • 1

    ♻️ Upgrade all package dependencies

    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

    image Figure: Update all the packages

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

    Thanks!

  • 2

    ✨ Consulting - Add "I'm a developer" referral form

    Cc: @lukecookssw @pierssinclairssw @ozairashfaqueSSW

    To Myself

    Describe the Pain

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

    image 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 image 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!

  • 3

    ✨ Home Page - Enhance SSW TV and Contact Us component

    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

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

    image Figure: Old Website - SSW TV and Contact Us component

    Thanks!

  • 4

    ✨ Have a nice URL for the Staging Environment

    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!

  • 5

    👷 DevOps - Build health check update

    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!

  • 6

    ✨ Consulting Template - Add booking form

    Cc: @adamcogan @pierssinclairssw @lukecookssw @AttackOnMorty

    To Myself,

    Pain

    We would like to add consulting booking form

    Tasks

    Screenshots

    image Figure: Consulting booking form for SSW website

    Thanks!

  • 7

    ✨ Index Page - Enhance Carousel component

    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

    image Figure: Clickable why choose SSW image and carousel indicators

    Thanks!

  • 8

    ✨ Index page - Add core services panels

    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

    image Figure: Core Services panel

    Thanks!

  • 9

    Feat dynamic routing

    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

  • 10

    💚 DevOps -Add GitHub Actions to Build and Deploy to Azure Storage

    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
  • 11

    ✨Create consulting pages based on file directory

    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!

  • 12

    🐛 Icons are broken on consulting pages

    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
    image

    Figure: Broken icon

    image

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

    Expected Behavior

    icons work

    Tasks

    • [ ] Investigate
    • [ ] Fix

    Thanks!

  • 13

    🐛 SSW offices widget showing wrong info + bad styling

    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

    Screen Shot 2022-11-25 at 2 41 33 PM

    Figure: Wrong info and styling in the Gatsby website

    Screen Shot 2022-11-25 at 2 41 40 PM

    Figure: Right info and styling in the ASPX website

    Thanks!


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

  • 14

    ♻️ Make footer consistent

    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

    Screen Shot 2022-11-21 at 4 21 04 PM Screen Shot 2022-11-21 at 4 21 11 PM

    Thanks!

  • 15

    ♻️ Should we redirect /ssw to the new site?

    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!