Refactor: AudioInfoのパラメータ一覧周りをリファクタ

[sevenc-nanashi]

内容

タイトル通り。

関連 Issue

• ref: サイドバー周りをスマホ仕様に voicevox_mobile#24

スクリーンショット・動画など

その他

（なし）

[Hiroshiba]

@y-chan こちらのプルリクエストに行って一度見た内容なのでassignを僕に変更したいと思います！

• サイドバー周りをスマホ仕様に voicevox_mobile#24 (comment)

[Hiroshiba]

リファクタリング助かります！！

[Hiroshiba]

これはスマホ用ですよね、良いと思います！
外観が変わっていないことを確認しました。

[sevenc-nanashi]

レビューを反映しました。

[Hiroshiba]

ここの型パズル、自分も挑戦してみたのですが難しいですね。。
今の形はparameter.slider.state.currentValue.valueがnullだとしても通っちゃいそうです。（まあ真上でthrowしているので今のコードは大丈夫なのですが）

真上のnull時throwと混ぜてこんな感じにするのもありかなとか思いました。だいぶ読みづらいですが、まあより正しいはずではある･･･ 😇

Suggested change

	...parameters.value.reduce(
	(acc, parameter) => ({
	...acc,
	[parameter.key]: parameter.slider.state.currentValue.value,
	}),
	{} as {
	[K in typeof parameters.value[number]["key"]]: number;
	}
	),
	...parameters.value.reduce(
	(acc, parameter) => {
	if (parameter.slider.state.currentValue.value == undefined)
	throw new Error(
	`parameter(${parameter.key}).slider.state.currentValue.value == undefined`
	);
	acc[parameter.key] = parameter.slider.state.currentValue.value;
	return acc;
	},
	{} as {
	[K in typeof parameters.value[number]["key"]]: number;
	}
	),

[sevenc-nanashi]

真上でthrowしてるので、わざわざ書く必要もないかなぁって思ってます

[Hiroshiba]

真上でthrowしてるのを下に統合しちゃうと型サポートも入って良い感じって意図でした。
TypeScriptの型サポートが中途半端なんすよね･･･

[Hiroshiba]

LGTMです！！

２点ほどsuggestしているので、気に入ったのあればよかったらどうぞくらいです 🙏

[Hiroshiba]

たぶん問題ないと思うのでマージします！