converting loading components to typescript

actualbudget · Oct 16, 2023 · cad2c58 · cad2c58
1 parent d65af92
commit cad2c58
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 7 deletions.
diff --git a/...sktop-client/src/icons/AnimatedLoading.js → ...ktop-client/src/icons/AnimatedLoading.tsx b/...sktop-client/src/icons/AnimatedLoading.js → ...ktop-client/src/icons/AnimatedLoading.tsx
@@ -1,15 +1,15 @@
-import React from 'react';
+import React, { type SVGProps } from 'react';
 
-import { css } from 'glamor';
+import { css, keyframes } from 'glamor';
 
 import Loading from './Loading';
 
-const rotation = css.keyframes({
+const rotation = keyframes({
   '0%': { transform: 'rotate(-90deg)' },
   '100%': { transform: 'rotate(666deg)' },
 });
 
-function AnimatedLoading(props) {
+function AnimatedLoading(props: SVGProps<SVGSVGElement>) {
   return (
     <span
       className={`${css({

diff --git a/packages/desktop-client/src/icons/Loading.js → ...ages/desktop-client/src/icons/Loading.tsx b/packages/desktop-client/src/icons/Loading.js → ...ages/desktop-client/src/icons/Loading.tsx
@@ -1,6 +1,6 @@
-import React, { useState } from 'react';
+import React, { type SVGProps, useState } from 'react';
 
-const SvgLoading = props => {
+const SvgLoading = (props: SVGProps<SVGSVGElement>) => {
   let { color = 'currentColor' } = props;
   let [gradientId] = useState('gradient-' + Math.random());
 

diff --git a/upcoming-release-notes/1784.md b/upcoming-release-notes/1784.md
@@ -3,4 +3,4 @@ category: Maintenance
 authors: [MikesGlitch]
 ---
 
-Convert FixEncryptionKey component to TypeScript and update get-payee query type.
+Convert FixEncryptionKey, Loading, AnimatedLoading components to TypeScript and update get-payee query type.