use deck's name as NS and dir

Author: lihebi

api/resolvers-pg.js

@@ -112,7 +112,7 @@ async function exportFS({ username, reponame, pods }) {
   async function dfs(id, parentDir) {
     let deck = d[id];
     // let dir = deck.id === "ROOT" ? parentDir : `${parentDir}/${deck.id}`;
-    let dir = `${parentDir}/${deck.id}`;
+    let dir = `${parentDir}/${deck.name || deck.id}`;
     console.log("mkdir", dir);
     // if (!fs.existsSync(dir)) {
     await fs.promises.mkdir(dir);
@@ -214,7 +214,7 @@ export function computeNamespace(pods, id) {
     id = pods[id].parentId;
   }
   while (id) {
-    res.push(id);
+    res.push(pods[id].name || id);
     id = pods[id].parentId;
   }
   return res.reverse().join("/");

ui/src/components/repo/pod.js

@@ -152,24 +152,11 @@ export function DeckTitle({ id }) {
           }}
         >
           <Box colorScheme="blackAlpha">
-            {pod.name ? (
-              <Flex direction="column">
-                <Code>({pod.id})</Code>
-                <Code
-                  bg={
-                    pod.exports && pod.exports["self"] ? "blue.200" : "inherit"
-                  }
-                >
-                  {pod.name}
-                </Code>
-              </Flex>
-            ) : (
-              <Code
-                bg={pod.exports && pod.exports["self"] ? "blue.200" : "inherit"}
-              >
-                {pod.id}
-              </Code>
-            )}
+            <Code
+              bg={pod.exports && pod.exports["self"] ? "blue.200" : "inherit"}
+            >
+              {pod.name || pod.id}
+            </Code>
           </Box>
         </Button>
 

ui/src/lib/utils.js

@@ -7,7 +7,7 @@ export function computeNamespace(pods, id) {
     id = pods[id].parent;
   }
   while (id) {
-    res.push(id);
+    res.push(pods[id].name || id);
     id = pods[id].parent;
   }
   return res.reverse().join("/");