Unclear diff / instructions on cleaning up removed actions

[ramblinjan]

I briefly got a bit confused here

What the instructions expect me to do is copy the code blocks and replace the files, but the diff makes it look like I'm adding something:

[m-thompson-code]

This might be another limitation of using what's built into the academy. The primary source of confusion to me appears to be that the code diffs don't show the "removed" code like how github does:

bitovi/angular-ngrx-chat@ngrx-init...create-actions#diff-ad52571f65ab26c64ac8d66b4cc7ab571dbadc8112ee3ee9db65dda4d565ab29L2

For example:

import { Actions, createEffect, ofType } from '@ngrx/effects';

changes to:

import { Action } from '@ngrx/effects';

but it's not clear that we're removing stuff being imported from @ngrx/effects.

[m-thompson-code]

Maybe to lessen the confusion we can point out that we'll be cleaning up the imports between steps as things aren't being used anymore, and show the code diffs as two code blocks like I did my first comment to this issue thread

[justinbmeyer]

I think there's a way to tell academy to show the removed stuff. If not, it's probably pretty easy to add.

[m-thompson-code]

bitovi/angular-ngrx-chat@ngrx-init...create-actions#diff-ad52571f65ab26c64ac8d66b4cc7ab571dbadc8112ee3ee9db65dda4d565ab29L2

That would be great, I can't find any examples in academy or in the bit-docs readme. ):

[m-thompson-code]

For now I added copy to explain that we're cleaning up the imports for these files

[m-thompson-code]

Added some more context on this step: #354

I don't know for sure if it's clear enough though, I'll try to get more eyes on this section so we can make it more clear