Chore: Convert apps/meteor/client/views/admin/settings (#25565)

RocketChat · May 24, 2022 · 95cc671 · 95cc671
1 parent ace85f5
commit 95cc671
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 8 deletions.
diff --git a/...views/admin/settings/GroupPageSkeleton.js → ...iews/admin/settings/GroupPageSkeleton.tsx b/...views/admin/settings/GroupPageSkeleton.js → ...iews/admin/settings/GroupPageSkeleton.tsx
@@ -1,11 +1,11 @@
 import { Accordion, Box, Button, ButtonGroup, Skeleton } from '@rocket.chat/fuselage';
 import { useTranslation } from '@rocket.chat/ui-contexts';
-import React, { useMemo } from 'react';
+import React, { ReactElement, useMemo } from 'react';
 
 import Page from '../../../components/Page';
 import Section from './Section';
 
-function GroupPageSkeleton() {
+function GroupPageSkeleton(): ReactElement {
 	const t = useTranslation();
 
 	return (

diff --git a/...iews/admin/settings/ResetSettingButton.js → ...ews/admin/settings/ResetSettingButton.tsx b/...iews/admin/settings/ResetSettingButton.js → ...ews/admin/settings/ResetSettingButton.tsx
@@ -1,8 +1,8 @@
 import { Button, Icon } from '@rocket.chat/fuselage';
 import { useTranslation } from '@rocket.chat/ui-contexts';
-import React from 'react';
+import React, { ComponentProps, ReactElement } from 'react';
 
-function ResetSettingButton(props) {
+function ResetSettingButton(props: ComponentProps<typeof Button>): ReactElement {
 	const t = useTranslation();
 
 	return (

diff --git a/...t/views/admin/settings/SectionSkeleton.js → .../views/admin/settings/SectionSkeleton.tsx b/...t/views/admin/settings/SectionSkeleton.js → .../views/admin/settings/SectionSkeleton.tsx
@@ -1,9 +1,9 @@
 import { Accordion, Box, FieldGroup, Skeleton } from '@rocket.chat/fuselage';
-import React from 'react';
+import React, { ReactElement } from 'react';
 
 import Setting from './Setting';
 
-function SectionSkeleton() {
+function SectionSkeleton(): ReactElement {
 	return (
 		<Accordion.Item noncollapsible title={<Skeleton />}>
 			<Box is='p' color='hint' fontScale='p2'>

diff --git a/...t/views/admin/settings/SettingSkeleton.js → .../views/admin/settings/SettingSkeleton.tsx b/...t/views/admin/settings/SettingSkeleton.js → .../views/admin/settings/SettingSkeleton.tsx
@@ -1,7 +1,7 @@
 import { Field, Flex, InputBox, Skeleton } from '@rocket.chat/fuselage';
-import React from 'react';
+import React, { ReactElement } from 'react';
 
-const SettingSkeleton = () => (
+const SettingSkeleton = (): ReactElement => (
 	<Field>
 		<Flex.Item align='stretch'>
 			<Field.Label>