# Track code changes

## Make web interface

After you save a change in an approved app, a new **Changes** tab is available. On this page, there is a list of all changes available in the particular app.

<div align="left"><figure><img src="https://1562974717-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNS0mCBwODiYtOVXjc6qf%2Fuploads%2Fgit-blob-a672de4e9c67d45a1e1f52a4830810ab5784d8d3%2Ftrackchanges_tab.png?alt=media" alt="" width="563"><figcaption></figcaption></figure></div>

After clicking on a Diff log, you will see a dialog box informing you about available changes.

For a detailed Diff file, click **Show diff** button.

<div align="left"><figure><img src="https://1562974717-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNS0mCBwODiYtOVXjc6qf%2Fuploads%2Fgit-blob-25ec09154b8221de2533532030c747f06c1822a6%2Fdiff_tab.png?alt=media" alt="" width="563"><figcaption></figcaption></figure></div>

You will see a comparison view with the changes that have been made.

<div align="left"><figure><img src="https://1562974717-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNS0mCBwODiYtOVXjc6qf%2Fuploads%2Fgit-blob-612c9c868ff19f9614aa3a48ef0dd90456f951fc%2Fchanges.png?alt=media" alt="" width="563"><figcaption></figcaption></figure></div>

### VS Code extension

After you save a change in an approved app, the app is marked with a `*` next to the name. Every module with blocks where the changes are available is marked with a `*` as well.

<div align="left"><img src="https://1562974717-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNS0mCBwODiYtOVXjc6qf%2Fuploads%2Fgit-blob-c51d0e064e9f7de7d0507240cea9b486eda879e9%2Fchanges_01.png?alt=media" alt="" width="223"></div>

To view changes, right click the item and select the `Show changes` option.

<div align="left"><img src="https://1562974717-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNS0mCBwODiYtOVXjc6qf%2Fuploads%2Fgit-blob-4df0c70c1f9bc59ed9a11805d39d2d4e90e7da73%2Fchanges_02.png?alt=media" alt="" width="207"></div>

You will see a comparison view with the changes that have been made.

<div align="left"><img src="https://1562974717-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNS0mCBwODiYtOVXjc6qf%2Fuploads%2Fgit-blob-881c1987735fb600c0220a5ecbc56a4c3b0092fe%2Fchanges_03.png?alt=media" alt="" width="563"></div>
