[feature] Pre-fare alert 2.0 frontend left screen

[hannahpurcell]

Asana task: Pre-Fare Alerts: Frontend for single-page

The files changed diff is HUGE, but the diff is actually much more manageable!

• The last 3 files in the diff related to backend stuff: this is a GH glitch. I did not make these changes, and all these changes are already in the prefare-alerts branch from this merge. I don't know why they are appearing in the diff.
• 18 of the files are just svgs

So there are 6 (big) files to review.

1 known bug: the font resizing doesn't work immediately in the case where an SVG is counted in the area being measured. I'll be working on a task to improve SVG loading. So let's revisit this bug.

Note: I made a new scss file for the single page alert, but it could overlap a lot with the takeover alert stuff, just fyi to whoever takes that on.

Example serialized data:

    %{
      issue: "Trains may be delayed up to 15 minutes",
      location: "location string",
      cause: :power_issue,
      remedy: "Red Line Braintree branch has resumed service between JFK/UMass and Wollaston after a signal issue was fixed. Expect delays of about 15 minutes while our crews work to get service back on schedule.",
      # array of svg names!
      routes: [
       "rl-ashmont"
      ],
      # unaffected_routes: [
      #   "gl-c", "green-c-circle"
      # ],
      effect: :delay,
      region: :here,
      updated_at: "Wednesday, 8:23 pm"
    }

[github-actions]

Coverage of commit ab5f63e

Summary coverage rate:
  lines......: 41.3% (2248 of 5437 lines)
  functions..: 42.7% (1025 of 2401 functions)
  branches...: no data found

Files changed coverage rate:
                                                                           |Lines       |Functions  |Branches    
  Filename                                                                 |Rate     Num|Rate    Num|Rate     Num
  ===============================================================================================================
  lib/screens/v2/candidate_generator/widgets/reconstructed_alert.ex        |84.6%     91|81.8%    22|    -      0
  lib/screens/v2/widget_instance/reconstructed_alert.ex                    |90.2%    164|95.7%    23|    -      0

Download coverage report

[github-actions]

Coverage of commit 0e0a6d9

Summary coverage rate:
  lines......: 41.3% (2248 of 5437 lines)
  functions..: 42.7% (1025 of 2401 functions)
  branches...: no data found

Files changed coverage rate:
                                                                           |Lines       |Functions  |Branches    
  Filename                                                                 |Rate     Num|Rate    Num|Rate     Num
  ===============================================================================================================
  lib/screens/v2/candidate_generator/widgets/reconstructed_alert.ex        |84.6%     91|81.8%    22|    -      0
  lib/screens/v2/widget_instance/reconstructed_alert.ex                    |90.2%    164|95.7%    23|    -      0

Download coverage report

[cmaddox5]

Ok, I think I was able to test most cases. I tested them with on my backend branch with these changes merged in so I didn't have to set up dummy data. A lot of my comments are integration related.

[github-actions]

Coverage of commit 1db1d91

Summary coverage rate:
  lines......: 41.3% (2248 of 5437 lines)
  functions..: 42.7% (1025 of 2401 functions)
  branches...: no data found

Files changed coverage rate:
                                                                           |Lines       |Functions  |Branches    
  Filename                                                                 |Rate     Num|Rate    Num|Rate     Num
  ===============================================================================================================
  lib/screens/v2/candidate_generator/widgets/reconstructed_alert.ex        |84.6%     91|81.8%    22|    -      0
  lib/screens/v2/widget_instance/reconstructed_alert.ex                    |90.2%    164|95.7%    23|    -      0

Download coverage report

[github-actions]

Coverage of commit 1d7b237

Summary coverage rate:
  lines......: 41.6% (2276 of 5468 lines)
  functions..: 42.8% (1029 of 2405 functions)
  branches...: no data found

Files changed coverage rate: n/a

Download coverage report

[github-actions]

Coverage of commit 1d7b237

Summary coverage rate:
  lines......: 41.6% (2276 of 5468 lines)
  functions..: 42.8% (1029 of 2405 functions)
  branches...: no data found

Files changed coverage rate: n/a

Download coverage report

[cmaddox5]

🚀