ref(ui): convert sentry app details to FC

[ameliahsu]

ref https://github.com/getsentry/frontend-tsc/issues/2

[Christinarlong]

Q so does useApiQuery also serve as a useState for the parameters/data we extracted from the api call/useApiQuery does both api call + state management?

Then now when we're setting/updating the data from the api call, does that make another api call ? Or just do the state management piece/behave like the setter in useState

[ameliahsu]

I believe useApiQuery also serves as a useState. It doesn't make another API call, according to the docs setApiQueryData just updates the cached value

I used the account details form as an example 😳

sentry/static/app/views/settings/account/accountDetails.tsx

Lines 65 to 72 in 0cfd300

	const handleSubmitSuccess = (userData: User | ChangeAvatarUser) => {
	// the updateUser method updates our Config Store
	// No components listen to the ConfigStore, they just access it directly
	updateUser(userData);
	// We need to update the state, because AvatarChooser is using it,
	// otherwise it will flick
	setApiQueryData(queryClient, USER_ENDPOINT_QUERY_KEY, userData);
	};