display transcript's directory during selection

directory (`loc`) provides additional information about the transcript
bitcointranscripts · Nov 17, 2023 · fd726fc · fd726fc
1 parent f511765
commit fd726fc
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/src/components/tables/QueueTable.tsx b/src/components/tables/QueueTable.tsx
@@ -201,6 +201,7 @@ const QueueTable = () => {
                 title={data.content.title}
                 allTags={allTags}
                 categories={data.content.categories}
+                loc={data.content.loc}
                 id={data.id}
                 length={allTags.length}
                 shouldSlice={false}

diff --git a/src/components/tables/TitleWithTags.tsx b/src/components/tables/TitleWithTags.tsx
@@ -9,6 +9,7 @@ type TitleWithTagsProps = {
   title: string;
   id: number;
   categories: string | string[];
+  loc?: string;
   allTags: string[];
   length: number;
   shouldSlice?: boolean;
@@ -17,6 +18,7 @@ const TitleWithTags = ({
   title,
   allTags,
   categories,
+  loc,
   id,
   length,
   shouldSlice = true,
@@ -33,7 +35,10 @@ const TitleWithTags = ({
   return (
     <Td width="40%">
       <Flex gap={2} flexDir="column">
-        <Text>{title}</Text>
+        <Box>
+          <Text>{title}</Text>
+          <Text fontSize={["0.7rem"]} color="gray.500">{loc}</Text>
+        </Box>
         <Flex wrap="wrap" gap={2} alignItems="center">
           {foundCategories && (
             <Box