Use the single-letter icon for namespace symbols in navigator (#777)

Resolves: rdar://120780967

Author: mportiz08

src/components/TopicTypeIcon.vue

@@ -63,6 +63,7 @@ const TopicTypeIcons = {
   [TopicTypes.method]: SingleLetterSymbolIcon,
   [TopicTypes.macro]: SingleLetterSymbolIcon,
   [TopicTypes.module]: TechnologyIcon,
+  [TopicTypes.namespace]: SingleLetterSymbolIcon,
   [TopicTypes.overview]: PathIcon,
   [TopicTypes.protocol]: TwoLetterSymbolIcon,
   [TopicTypes.property]: SingleLetterSymbolIcon,
@@ -86,6 +87,7 @@ const TopicTypeProps = {
   [TopicTypes.httpRequest]: { symbol: 'E' },
   [TopicTypes.method]: { symbol: 'M' },
   [TopicTypes.macro]: { symbol: '#' },
+  [TopicTypes.namespace]: { symbol: 'N' },
   [TopicTypes.protocol]: { first: 'P', second: 'r' },
   [TopicTypes.property]: { symbol: 'P' },
   [TopicTypes.propertyListKey]: { symbol: 'K' },

src/constants/TopicTypes.js

@@ -28,6 +28,7 @@ export const TopicTypes = {
   macro: 'macro',
   method: 'method',
   module: 'module',
+  namespace: 'namespace',
   op: 'op',
   overview: 'overview',
   project: 'project',