chore: reuse interfaces among different files

Author: fabiovincenzi

src/constants/languageColors.ts

@@ -0,0 +1,21 @@
+export interface UserData {
+  id: string;
+  name: string;
+  username: string;
+  email?: string;
+  displayName?: string;
+  title?: string;
+  gitAccount?: string;
+  admin?: boolean;
+}
+
+export interface Commit {
+  commitTs?: number;
+  message: string;
+  committer: string;
+  tree?: string;
+  parent?: string;
+  author: string;
+  authorEmail: string;
+  commitTimestamp?: number;
+}

src/types/models.ts

@@ -16,15 +16,11 @@ import { AccountCircle } from '@material-ui/icons';
 import { getUser } from '../../services/user';
 import axios from 'axios';
 import { getCookie } from '../../utils';
+import { UserData } from '../../../types/models';
 
 const useStyles = makeStyles(styles);
-interface UserData {
-  id: string;
-  name: string;
-  email: string;
-}
 
-export default function DashboardNavbarLinks() {
+const DashboardNavbarLinks: React.FC = () => {
   const classes = useStyles();
   const navigate = useNavigate();
   const [openProfile, setOpenProfile] = useState<HTMLElement | null>(null);
@@ -127,4 +123,4 @@ export default function DashboardNavbarLinks() {
       </div>
     </div>
   );
-}
+};

src/ui/components/Navbars/DashboardNavbarLinks.tsx

@@ -1,14 +1,6 @@
 import axios, { AxiosError, AxiosResponse } from 'axios';
 import { getCookie } from '../utils';
-
-export interface UserData {
-  username: string;
-  email?: string;
-  displayName?: string;
-  title?: string;
-  gitAccount?: string;
-  admin?: boolean;
-}
+import { UserData } from '../../types/models';
 
 type SetStateCallback<T> = (value: T | ((prevValue: T) => T)) => void;
 

src/ui/services/user.ts

@@ -22,15 +22,7 @@ import { getPush, authorisePush, rejectPush, cancelPush } from '../../services/g
 import { CheckCircle, Visibility, Cancel, Block } from '@material-ui/icons';
 import Snackbar from '@material-ui/core/Snackbar';
 import Tooltip from '@material-ui/core/Tooltip';
-
-interface CommitData {
-  commitTs?: number;
-  commitTimestamp?: number;
-  committer: string;
-  author: string;
-  authorEmail?: string;
-  message: string;
-}
+import { CommitData } from '../../../types/models';
 
 interface Reviewer {
   username: string;

src/ui/views/PushDetails/PushDetails.tsx

@@ -16,11 +16,7 @@ import Snackbar from '@material-ui/core/Snackbar';
 import { addUser } from '../../../services/repo';
 import { getUsers } from '../../../services/user';
 import { PersonAdd } from '@material-ui/icons';
-
-interface User {
-  username: string;
-  gitAccount: string;
-}
+import { UserData } from '../../../../types/models';
 
 interface AddUserDialogProps {
   repoName: string;
@@ -38,7 +34,7 @@ const AddUserDialog: React.FC<AddUserDialogProps> = ({
   onClose,
 }) => {
   const [username, setUsername] = useState<string>('');
-  const [data, setData] = useState<User[]>([]);
+  const [data, setData] = useState<UserData[]>([]);
   const [, setAuth] = useState<boolean>(true);
   const [isLoading, setIsLoading] = useState<boolean>(false);
   const [isError, setIsError] = useState<boolean>(false);