Merge pull request RocketChat#966 from WideChat/feature/include_deplo…

…y_date_time_for_rcapps

[NEW] Add update date for RC Apps

client/views/admin/apps/AppDetailsPageContent.tsx

@@ -6,6 +6,7 @@ import ExternalLink from '../../../components/ExternalLink';
 import AppAvatar from '../../../components/avatar/AppAvatar';
 import { useToastMessageDispatch } from '../../../contexts/ToastMessagesContext';
 import { TranslationKey, useTranslation } from '../../../contexts/TranslationContext';
+import { useFormatDateAndTime } from '../../../hooks/useFormatDateAndTime';
 import AppMenu from './AppMenu';
 import AppStatus from './AppStatus';
 import PriceDisplay from './PriceDisplay';
@@ -17,11 +18,13 @@ type AppDetailsPageContentProps = {
 
 const AppDetailsPageContent: FC<AppDetailsPageContentProps> = ({ data }) => {
 	const t = useTranslation();
+	const formatDateAndTime = useFormatDateAndTime();
 	const dispatchToastMessage = useToastMessageDispatch();
 	const {
 		iconFileData = '',
 		name,
 		commitHash,
+		updatedAt,
 		author: { name: authorName, homepage, support },
 		description,
 		categories = [],
@@ -66,6 +69,11 @@ const AppDetailsPageContent: FC<AppDetailsPageContentProps> = ({ data }) => {
 							</Box>
 						)}
 					</Box>
+					{updatedAt && (
+						<Box display='flex' flexDirection='row' color='hint' alignItems='center'>
+							<Box mie='x4'>{`${t('Updated_at')}: ${formatDateAndTime(updatedAt)}`}</Box>
+						</Box>
+					)}
 					<Box
 						display='flex'
 						flexDirection='row'

client/views/admin/apps/hooks/useAppInfo.ts

@@ -76,6 +76,7 @@ export const useAppInfo = (appId: string): AppInfo => {
 				marketplace: false,
 			};
 			app.commitHash = localApp.commitHash;
+			app.updatedAt = localApp.updatedAt;
 
 			const [bundledIn, settings, apis] = await Promise.all([
 				app.marketplace === false ? [] : getBundledIn(app.id, app.version),

client/views/admin/apps/types.ts

@@ -5,6 +5,7 @@ export type App = {
 	iconFileData: string;
 	name: string;
 	commitHash: string;
+	updatedAt: Date;
 	author: {
 		name: string;
 		homepage: string;