New dropdown implementation

src/dashboardWebView/utils/getRelPath.ts

@@ -0,0 +1,20 @@
+import { parseWinPath } from '../../helpers/parseWinPath';
+
+export const getRelPath = (path: string, staticFolder?: string, wsFolder?: string) => {
+  let relPath: string | undefined = '';
+  if (wsFolder && path) {
+    const wsFolderParsed = parseWinPath(wsFolder);
+    const mediaParsed = parseWinPath(path);
+
+    relPath = mediaParsed.split(wsFolderParsed).pop();
+
+    // If the static folder is the root, we can just return the relative path
+    if (staticFolder === '/') {
+      return relPath;
+    } else if (staticFolder && relPath) {
+      const staticFolderParsed = parseWinPath(staticFolder);
+      relPath = relPath.split(staticFolderParsed).pop();
+    }
+  }
+  return relPath;
+};

src/dashboardWebView/utils/index.ts

@@ -1,2 +1,3 @@
+export * from './getRelPath';
 export * from './preserveColor';
 export * from './updateCssVariables';