design commit

AbhineetJain · AbhineetJain · commit b956a6466c57 · 2022-06-10T03:03:11.000Z
diff --git a/site/src/components/TemplateStats/TemplateStats.tsx b/site/src/components/TemplateStats/TemplateStats.tsx
@@ -13,6 +13,7 @@ const Language = {
   lastUpdateLabel: "Last updated",
   userPlural: "users",
   userSingular: "user",
+  createdByLabel: "Created by"
 }
 
 export interface TemplateStatsProps {
@@ -45,6 +46,11 @@ export const TemplateStats: FC<TemplateStatsProps> = ({ template, activeVersion
           {dayjs().to(dayjs(template.updated_at))}
         </span>
       </div>
+      <div className={styles.statsDivider} />
+      <div className={styles.statItem}>
+        <span className={styles.statsLabel}>{Language.createdByLabel}</span>
+        <span className={styles.statsValue}>admin</span>
+      </div>
     </div>
   )
 }
diff --git a/site/src/pages/TemplatesPage/TemplatesPageView.tsx b/site/src/pages/TemplatesPage/TemplatesPageView.tsx
@@ -49,6 +49,7 @@ export const Language = {
   templateTooltipTitle: "What is template?",
   templateTooltipText: "With templates you can create a common configuration for your workspaces using Terraform.",
   templateTooltipLink: "Manage templates",
+  createdByLabel: "Created by",
 }
 
 const TemplateHelpTooltip: React.FC = () => {
@@ -95,6 +96,7 @@ export const TemplatesPageView: FC<TemplatesPageViewProps> = (props) => {
             <TableCell>{Language.nameLabel}</TableCell>
             <TableCell>{Language.usedByLabel}</TableCell>
             <TableCell>{Language.lastUpdatedLabel}</TableCell>
+            <TableCell>{Language.createdByLabel}</TableCell>
             <TableCell width="1%"></TableCell>
           </TableRow>
         </TableHead>
@@ -137,6 +139,7 @@ export const TemplatesPageView: FC<TemplatesPageViewProps> = (props) => {
                 <TableCell>{Language.developerCount(template.workspace_owner_count)}</TableCell>
 
                 <TableCell data-chromatic="ignore">{dayjs().to(dayjs(template.updated_at))}</TableCell>
+                <TableCell>admin</TableCell>
                 <TableCell>
                   <div className={styles.arrowCell}>
                     <KeyboardArrowRight className={styles.arrowRight} />

Original file line number	Diff line number	Diff line change
`@@ -13,6 +13,7 @@ const Language = {`
`13`	`13`	`lastUpdateLabel: "Last updated",`
`14`	`14`	`userPlural: "users",`
`15`	`15`	`userSingular: "user",`
	`16`	`+ createdByLabel: "Created by"`
`16`	`17`	`}`
`17`	`18`
`18`	`19`	`export interface TemplateStatsProps {`
`@@ -45,6 +46,11 @@ export const TemplateStats: FC<TemplateStatsProps> = ({ template, activeVersion`
`45`	`46`	`{dayjs().to(dayjs(template.updated_at))}`
`46`	`47`	`</span>`
`47`	`48`	`</div>`
	`49`	`+ <div className={styles.statsDivider} />`
	`50`	`+ <div className={styles.statItem}>`
	`51`	`+ <span className={styles.statsLabel}>{Language.createdByLabel}</span>`
	`52`	`+ <span className={styles.statsValue}>admin</span>`
	`53`	`+ </div>`
`48`	`54`	`</div>`
`49`	`55`	`)`
`50`	`56`	`}`