Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add network diagnostic tool to Help Box #391

Merged
merged 32 commits into from
Sep 29, 2023

Conversation

jmlee337
Copy link
Contributor

@jmlee337 jmlee337 commented Sep 4, 2023

This should make it easier for users and support volunteers to debug some network issues

screenshots: https://imgur.com/a/4iNsmec

In the future, I intend to hook up the port mapping test to a slippi dolphin port mapping option (IE. press a button to turn on slippi dolphin port mapping if port mapping is available)

Copy link
Member

@NikhilNarayana NikhilNarayana left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

i'm still in the process of testing functionality, but i got what i expected with no changes to my network

i would like the diagnostic option moved into the Help section since this doesn't really feel like an Advanced App Setting

src/renderer/containers/Settings/Diagnostic.tsx Outdated Show resolved Hide resolved
src/renderer/containers/Settings/Diagnostic.tsx Outdated Show resolved Hide resolved
src/renderer/containers/Settings/Diagnostic.tsx Outdated Show resolved Hide resolved
src/renderer/containers/Settings/Diagnostic.tsx Outdated Show resolved Hide resolved
src/renderer/containers/Settings/Diagnostic.tsx Outdated Show resolved Hide resolved
src/main/diagnostic.ts Outdated Show resolved Hide resolved
src/main/diagnostic.ts Outdated Show resolved Hide resolved
src/main/diagnostic.ts Outdated Show resolved Hide resolved
Copy link
Member

@NikhilNarayana NikhilNarayana left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

let's move the Diagnostic component from Advanced App Settings to Help. put it right underneath <SupportBox> on line 21

src/renderer/containers/Settings/Diagnostic.tsx Outdated Show resolved Hide resolved
src/renderer/containers/Settings/Diagnostic.tsx Outdated Show resolved Hide resolved
src/renderer/containers/Settings/Diagnostic.tsx Outdated Show resolved Hide resolved
src/renderer/containers/Settings/Diagnostic.tsx Outdated Show resolved Hide resolved
src/renderer/containers/Settings/Diagnostic.tsx Outdated Show resolved Hide resolved
src/renderer/containers/Settings/Diagnostic.tsx Outdated Show resolved Hide resolved
src/renderer/containers/Settings/Diagnostic.tsx Outdated Show resolved Hide resolved
src/renderer/containers/Settings/Diagnostic.tsx Outdated Show resolved Hide resolved
src/main/api.ts Outdated Show resolved Hide resolved
@jmlee337
Copy link
Contributor Author

let's move the Diagnostic component from Advanced App Settings to Help. put it right underneath <SupportBox> on line 21

done: https://imgur.com/a/bqCTVMB

@jmlee337
Copy link
Contributor Author

looks nice! updated screenshot https://imgur.com/a/aab8SU0

Copy link
Member

@vinceau vinceau left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks for this PR. There are some changes I'd like to see before this gets merged.

package.json Outdated Show resolved Hide resolved
src/main/setup.ts Outdated Show resolved Hide resolved
src/renderer/containers/Settings/Diagnostic.tsx Outdated Show resolved Hide resolved
src/renderer/containers/Settings/SupportBox.tsx Outdated Show resolved Hide resolved
src/renderer/containers/Settings/SupportBox.tsx Outdated Show resolved Hide resolved
src/renderer/containers/Settings/Diagnostic.tsx Outdated Show resolved Hide resolved
src/main/setup.ts Outdated Show resolved Hide resolved
src/main/diagnostic.ts Outdated Show resolved Hide resolved
src/main/diagnostic.ts Outdated Show resolved Hide resolved
src/main/diagnostic.ts Outdated Show resolved Hide resolved
@jmlee337
Copy link
Contributor Author

Thanks for this PR. There are some changes I'd like to see before this gets merged.

done!

Copy link
Member

@vinceau vinceau left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Getting there!

I've noticed a few common things:

  1. Prefer returning a <div> over returning react fragments, unless the structure of the DOM is important enough to require you to.
  2. Prefer returning null over an empty react fragment <></>.
  3. Prefer inline text content <div>text</div> over wrapping in a string literal <div>{"text"}</div>

@jmlee337
Copy link
Contributor Author

Getting there!

I've noticed a few common things:

  1. Prefer returning a <div> over returning react fragments, unless the structure of the DOM is important enough to require you to.
  2. Prefer returning null over an empty react fragment <></>.
  3. Prefer inline text content <div>text</div> over wrapping in a string literal <div>{"text"}</div>

all comments addressed!

@NikhilNarayana NikhilNarayana merged commit 01957f6 into project-slippi:main Sep 29, 2023
4 checks passed
@NikhilNarayana NikhilNarayana changed the title Add network diagnostic tool to advanced settings section Add network diagnostic tool to Help Box Sep 29, 2023
@jmlee337 jmlee337 deleted the networkdiagnostic branch September 29, 2023 06:20
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants