> ## Documentation Index
> Fetch the complete documentation index at: https://docs.teamsbutactuallygood.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# Sync

In this page, you'll see how the Sync system works for TBAG

<Frame>
  <img src="https://mintcdn.com/leonimust/iOoUMxigw8OXK7JY/images/tbag-sync.jpg?fit=max&auto=format&n=iOoUMxigw8OXK7JY&q=85&s=a76034e04b879fd217c0eb4a7d3a6a4f" alt="Tbag Sync" width="1409" height="196" data-path="images/tbag-sync.jpg" />
</Frame>

This is what the Sync section looks like in the Settings. As you can see, for now, only Discord login is supported.

## Login with Discord

Firstly, before pressing any other buttons, you need to log yourself using your Discord account, to do so, press the "Login with Discord button"

<Frame>
  <img src="https://mintcdn.com/leonimust/iOoUMxigw8OXK7JY/images/tbag-sync-login-with-discord.jpg?fit=max&auto=format&n=iOoUMxigw8OXK7JY&q=85&s=747e170ad4990f443c48adcbb762fe6e" alt="Tbag Sync Login With Discord" width="687" height="47" data-path="images/tbag-sync-login-with-discord.jpg" />
</Frame>

Once pressed, you'll be granted with either a login page, which you'll need to log yourself into Discord. Once logged you'll see this

<Frame>
  <img src="https://mintcdn.com/leonimust/iOoUMxigw8OXK7JY/images/tbag-discord-oauth-screen.jpg?fit=max&auto=format&n=iOoUMxigw8OXK7JY&q=85&s=7612196163b0b87f914b405c9dc18d2f" alt="Tbag Discord Oauth Screen" width="493" height="721" data-path="images/tbag-discord-oauth-screen.jpg" />
</Frame>

<Info>
  As you can see, TBAG will only need to get your username, avatar and banner, nothing more needs to be granted
</Info>

Press "Authorize", you'll be redirected to Teams but (actually) good website, if you see this message, this means that the connection was successful, if not, please make an [issue on github](https://github.com/LeonimusTTV/teams-but-actually-good/issues/new?template=bug_report.yml)

<Frame>
  <img src="https://mintcdn.com/leonimust/iOoUMxigw8OXK7JY/images/tbag-sync-successful.jpg?fit=max&auto=format&n=iOoUMxigw8OXK7JY&q=85&s=8f8a043e4a4e5d1b86a7220149047600" alt="Tbag Sync Successful" width="316" height="38" data-path="images/tbag-sync-successful.jpg" />
</Frame>

## Test Login

Now you can close this page to get back to Teams, once there, pres the "Test Login", this button will tell you if the login works, can be useful if you got an message saying that "No token was provided" or any other message when you try to `Upload` or `Download` your settings

<Frame>
  <img src="https://mintcdn.com/leonimust/iOoUMxigw8OXK7JY/images/tbag-sync-test-login-working.jpg?fit=max&auto=format&n=iOoUMxigw8OXK7JY&q=85&s=79ab872e0d649d8507eb8472329759e5" alt="Tbag Sync Test Login Working" width="691" height="35" data-path="images/tbag-sync-test-login-working.jpg" />
</Frame>

If you see this, everything is fine, otherwise try to log yourself again with Discord

## Upload Settings

Now we want to upload our settings, so that they can be downloaded on another device / browser without any issues, to do so, just press the `Upload Settings` button

<Frame>
  <img src="https://mintcdn.com/leonimust/iOoUMxigw8OXK7JY/images/tbag-sync-upload-settings.jpg?fit=max&auto=format&n=iOoUMxigw8OXK7JY&q=85&s=ddad4d339eb224c1b09ef224ce01934a" alt="Tbag Sync Upload Settings" width="684" height="40" data-path="images/tbag-sync-upload-settings.jpg" />
</Frame>

An alert will appear asking you if you really want to upload the settings, press `Ok` to accept and `Cancel` to cancel

<Frame>
  <img src="https://mintcdn.com/leonimust/iOoUMxigw8OXK7JY/images/tbag-sync-upload-alert.jpg?fit=max&auto=format&n=iOoUMxigw8OXK7JY&q=85&s=96656908ccab2f69d421d05a78c121f0" alt="Tbag Sync Upload Alert" width="453" height="179" data-path="images/tbag-sync-upload-alert.jpg" />
</Frame>

If you pressed `Ok`, a new page will open and you should see this

<Frame>
  <img src="https://mintcdn.com/leonimust/iOoUMxigw8OXK7JY/images/tbag-sync-upload-success.jpg?fit=max&auto=format&n=iOoUMxigw8OXK7JY&q=85&s=0848807309612d1f76b4408385a0a64a" alt="Tbag Sync Upload Success" width="316" height="25" data-path="images/tbag-sync-upload-success.jpg" />
</Frame>

If you get an error message, please check that you're logged in with the `Test login` button

## Download Settings

This one require a bit more steps to complete, firstly press the `Open Download Settings Modal`

<Frame>
  <img src="https://mintcdn.com/leonimust/iOoUMxigw8OXK7JY/images/tbag-sync-download-settings-modal-button.jpg?fit=max&auto=format&n=iOoUMxigw8OXK7JY&q=85&s=6d718fd2fa42eb03f4d1fa9051b21602" alt="Tbag Sync Download Settings Modal Button" width="677" height="40" data-path="images/tbag-sync-download-settings-modal-button.jpg" />
</Frame>

Once pressed you'll be greeted by this modal

<Frame>
  <img src="https://mintcdn.com/leonimust/iOoUMxigw8OXK7JY/images/tbag-sync-download-settings-modal.jpg?fit=max&auto=format&n=iOoUMxigw8OXK7JY&q=85&s=432e273b56b63e190220c3f79ebf435b" alt="Tbag Sync Download Settings Modal" width="530" height="341" data-path="images/tbag-sync-download-settings-modal.jpg" />
</Frame>

The steps are really easy, press the `Download Settings` button, a new page will open, copy everything from that page, remove the default text in the editor and past what you copied

Once done it should look like that

<Frame>
  <img src="https://mintcdn.com/leonimust/iOoUMxigw8OXK7JY/images/tbag-download-settings-modal-settings-downloaded.jpg?fit=max&auto=format&n=iOoUMxigw8OXK7JY&q=85&s=4d4a01789664056ff7ab5b778e7b2bf8" alt="Tbag Download Settings Modal Settings Downloaded" width="524" height="337" data-path="images/tbag-download-settings-modal-settings-downloaded.jpg" />
</Frame>

If you don't have any errors, the button `Restart Teams to apply changes` will appear, press on it and the settings will be applied

And that's it ! If you've any questions, feel free to join the Discord
