Implements #31

src/components/convert-dialog.tsx

@@ -68,7 +68,7 @@ export const ConvertDialog = (props: { files: File[] }) => {
             if (newFormat === null) {
                 return;
             }
-            dispatch(convertDialogActions.setFormat(newFormat as string));
+            dispatch(convertDialogActions.setFormat(newFormat));
         },
         [dispatch]
     );

src/redux/actions.ts

@@ -11,7 +11,7 @@ import { Wireformat, getTracks } from 'netmd-js';
 import { AnyAction } from '@reduxjs/toolkit';
 import { getAvailableCharsForTrackTitle, framesToSec, sleepWithProgressCallback, sleep } from '../utils';
 import * as mm from 'music-metadata-browser';
-import { TitleSourceType, TitleFormatType } from './convert-dialog-feature';
+import { TitleSourceType, TitleFormatType, UploadFormat } from './convert-dialog-feature';
 
 export function control(action: 'play' | 'stop' | 'next' | 'prev' | 'goto', params?: unknown) {
     return async function(dispatch: AppDispatch, getState: () => RootState) {
@@ -264,7 +264,7 @@ async function getTrackNameFromMediaTags(file: File, titleFormat: TitleFormatTyp
     }
 }
 
-export function convertAndUpload(files: File[], format: string, titleSource: TitleSourceType, titleFormat: TitleFormatType) {
+export function convertAndUpload(files: File[], format: UploadFormat, titleSource: TitleSourceType, titleFormat: TitleFormatType) {
     return async function(dispatch: AppDispatch, getState: () => RootState) {
         const { audioExportService, netmdService } = serviceRegistry;
         const wireformat = WireformatDict[format];

src/redux/convert-dialog-feature.ts

@@ -4,17 +4,18 @@ import { savePreference, loadPreference } from '../utils';
 
 export type TitleSourceType = 'file' | 'media';
 export type TitleFormatType = 'title' | 'album-title' | 'artist-title' | 'artist-album-title';
+export type UploadFormat = 'SP' | 'LP2' | 'LP4';
 
 export interface ConvertDialogFeature {
     visible: boolean;
-    format: string;
+    format: UploadFormat;
     titleSource: TitleSourceType;
     titleFormat: TitleFormatType;
 }
 
 const initialState: ConvertDialogFeature = {
     visible: false,
-    format: `LP2`,
+    format: loadPreference('uploadFormat', 'LP2') as UploadFormat,
     titleSource: loadPreference('trackTitleSource', 'file') as TitleSourceType,
     titleFormat: loadPreference('trackTitleFormat', 'title') as TitleFormatType,
 };
@@ -26,8 +27,9 @@ const slice = createSlice({
         setVisible: (state, action: PayloadAction<boolean>) => {
             state.visible = action.payload;
         },
-        setFormat: (state, action: PayloadAction<string>) => {
+        setFormat: (state, action: PayloadAction<UploadFormat>) => {
             state.format = action.payload;
+            savePreference('uploadFormat', state.format);
         },
         setTitleSource: (state, action: PayloadAction<TitleSourceType>) => {
             state.titleSource = action.payload;