refactor language url name

Author: arsalan0c

src/reducers/states.ts

@@ -237,6 +237,17 @@ export const languageURLNames: Map<string, ISourceLanguage> = new Map([
   ['3_Non_Det', { chapter: 3, variant: 'non-det' }]
 ]);
 
+export const urlName = (chapter: number, variant: Variant): string => {
+  for (const name of languageURLNames.keys()) {
+    const language: ISourceLanguage = languageURLNames.get(name)!;
+    if (language.chapter === chapter && language.variant === variant) {
+      return name
+    }
+  }
+
+  return chapter.toString();
+};
+
 export const styliseChapter = (chap: number, variant: Variant = 'default') => {
   let res = `Source \xa7${chap}`;
   if (variantDisplay.has(variant)) {

src/sagas/playground.ts

@@ -5,7 +5,7 @@ import { put, select, takeEvery } from 'redux-saga/effects';
 import * as actions from '../actions';
 import * as actionTypes from '../actions/actionTypes';
 import { ExternalLibraryName } from '../components/assessment/assessmentShape';
-import { defaultEditorValue, ISourceLanguage, IState, languageURLNames } from '../reducers/states';
+import { defaultEditorValue, IState, urlName } from '../reducers/states';
 
 import { Variant } from 'js-slang/dist/types';
 
@@ -29,15 +29,8 @@ function* updateQueryString() {
     (state: IState) => state.workspaces.playground.context.variant
   );
 
-  let languageUrlName: string = chapter.toString();
-  for (const name of languageURLNames.keys()) {
-    const language: ISourceLanguage = languageURLNames.get(name)!;
-    if (language.chapter === chapter && language.variant === variant) {
-      languageUrlName = name;
-      break;
-    }
-  }
-
+  const languageUrlName = urlName(chapter, variant);
+  
   const external: ExternalLibraryName = yield select(
     (state: IState) => state.workspaces.playground.externalLibrary
   );