refactor: implement SRS parameters and URL support

Author: kam-zhan-yue

src/algorithms/parameters/StraightRadixSortParam.js

@@ -0,0 +1,38 @@
+/* eslint-disable no-prototype-builtins */
+/* eslint-disable jsx-a11y/label-has-associated-control */
+import React, { useState } from 'react';
+import { genRandNumList } from './helpers/ParamHelper';
+import ListParam from './helpers/ListParam';
+import '../../styles/Param.scss';
+
+const DEFAULT_NODES = genRandNumList(10, 1, 100);
+const STRAIGHT_RADIX_SORT = 'Straight Radix Sort';
+const STRAIGHT_RADIX_SORT_EXAMPLE = 'Please follow the example provided: 0,1,2,3,4';
+
+function StraightRadixSortParam() {
+    const [message, setMessage] = useState(null);
+    const [nodes, setNodes] = useState(DEFAULT_NODES);
+
+    return (
+        <>
+            <div className="form">
+                <ListParam
+                    name="radixSortStraight"
+                    buttonName="Sort"
+                    mode="sort"
+                    formClassName="formLeft"
+                    DEFAULT_VAL={nodes}
+                    SET_VAL={setNodes}
+                    ALGORITHM_NAME={STRAIGHT_RADIX_SORT}
+                    EXAMPLE={STRAIGHT_RADIX_SORT_EXAMPLE}
+                    setMessage={setMessage}
+                />
+            </div>
+
+            {/* render success/error message */}
+            {message}
+        </>
+    );
+}
+
+export default StraightRadixSortParam;

src/algorithms/parameters/index.js

@@ -3,6 +3,7 @@ export { default as HSParam } from './HSParam';
 export { default as BSTParam } from './BSTParam';
 export { default as QSParam } from './QSParam';
 export { default as msort_arr_td } from './msort_arr_td';
+export { default as StraightRadixSortParam } from './StraightRadixSortParam';
 export { default as msort_lista_td } from './msort_lista_td';
 export { default as Prims_oldParam } from './PRIM_oldParam';
 export { default as PrimsParam } from './PRIMParam';