Update types and add docs for releasing

README.md

@@ -32,3 +32,9 @@ sf --version  # 0.1.0
   - `deno run devv` to test against local API
   - `deno run prod` to test against production API
   - The `deno run <env>` is an alias to the user facing `sf` command. So if you wanted to run `sf login` locally against the local API, run `deno run devv login`
+
+## New Release
+
+This is ran locally
+
+- `deno run release <major|minor|patch>`

package.json

@@ -42,5 +42,5 @@
   "peerDependencies": {
     "typescript": "^5.6.2"
   },
-  "version": "0.1.10"
-}
+  "version": "0.1.11"
+}

src/lib/orders/OrderDisplay.tsx

@@ -220,7 +220,23 @@ export function OrderDisplay(props: {
   );
 }
 
-const reducer = (state, action) => {
+interface ScrollState {
+  innerHeight: number;
+  height: number;
+  scrollTop: number;
+}
+
+type ScrollAction =
+  | { type: "SET_INNER_HEIGHT"; innerHeight: number }
+  | { type: "SCROLL_DOWN" }
+  | { type: "SCROLL_DOWN_BULK" }
+  | { type: "SCROLL_UP" }
+  | { type: "SCROLL_UP_BULK" }
+  | { type: "SCROLL_TO_TOP" }
+  | { type: "SCROLL_TO_BOTTOM" }
+  | { type: "SWITCHED_TAB" };
+
+const reducer = (state: ScrollState, action: ScrollAction): ScrollState => {
   switch (action.type) {
     case "SET_INNER_HEIGHT":
       return {
@@ -297,9 +313,12 @@ export function ScrollArea({
   sellOrdersCount: number;
   buyOrdersCount: number;
 }) {
-  const [state, dispatch] = React.useReducer(reducer, {
+  const [state, dispatch] = React.useReducer<
+    React.Reducer<ScrollState, ScrollAction>
+  >(reducer, {
     height,
     scrollTop: 0,
+    innerHeight: 0,
   });
 
   const innerRef = React.useRef(null);