fix: imports and components declaration in heros

Signed-off-by: Jad Chahed <[email protected]>

website/src/pages/ComparePage/ComparePage.tsx

@@ -14,11 +14,11 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-import React, { useState, useEffect } from "react";
+import { useState, useEffect } from "react";
 import { useNavigate } from "react-router-dom";
 import RingLoader from "react-spinners/RingLoader";
-import useApiCall from "../../utils/Hook";
-import Macrobench from "../../common/Macrobench";
+import useApiCall from "@/utils/Hook";
+import Macrobench from "@/common/Macrobench";
 import { CompareData } from '@/types'
 import CompareHero from "./components/CompareHero";
 

website/src/pages/ComparePage/components/CompareHero.tsx

@@ -13,7 +13,6 @@ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 See the License for the specific language governing permissions and
 limitations under the License.
 */
-import React from "react";
 import { twMerge } from "tailwind-merge";
 import Hero, { HeroProps } from "@/common/Hero";
 

website/src/pages/DailyPage/DailyPage.tsx

@@ -14,16 +14,16 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-import React, { useState, useEffect } from "react";
+import { useState, useEffect } from "react";
 import RingLoader from "react-spinners/RingLoader";
 import { useNavigate } from "react-router-dom";
-import useApiCall from "../../utils/Hook";
+import useApiCall from "@/utils/Hook";
 
 import ResponsiveChart from "./components/Chart";
 import DailySummary from "./components/DailySummary";
 import { MacroData, MacroDataValue } from "@/types";
 
-import { secondToMicrosecond } from "../../utils/Utils";
+import { secondToMicrosecond } from "@/utils/Utils";
 import DailyHero from "./components/DailyHero";
 
 interface DailySummarydata {

website/src/pages/DailyPage/components/DailyHero.tsx

@@ -13,7 +13,6 @@ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 See the License for the specific language governing permissions and
 limitations under the License.
 */
-import React from "react";
 import Hero, { HeroProps } from "@/common/Hero";
 
 const heroProps: HeroProps = {

website/src/pages/ForeignKeysPage/ForeignKeysPage.tsx

@@ -14,13 +14,12 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-import React, { useState, useEffect } from "react";
+import { useState, useEffect } from "react";
 import { useNavigate } from "react-router-dom";
 import RingLoader from "react-spinners/RingLoader";
 import { MacrosData } from '@/types'
 
 import { errorApi } from "../../utils/Utils";
-import Hero from "./components/ForeignKeysHero";
 import FK from "./components/FK";
 import ForeignKeysHero from "./components/ForeignKeysHero";
 
@@ -35,9 +34,7 @@ export interface Ref {
   RCnumber: number;
 }
 
-interface ForeignKeysProps { }
-
-const ForeignKeys: React.FC<ForeignKeysProps> = () => {
+export default function ForeignKeys() {
   const urlParams = new URLSearchParams(window.location.search);
 
   const [gitRef, setGitRef] = useState<{ tag: string }>({
@@ -118,6 +115,4 @@ const ForeignKeys: React.FC<ForeignKeysProps> = () => {
       </div>
     </>
   );
-};
-
-export default ForeignKeys;
+};

website/src/pages/ForeignKeysPage/components/ForeignKeysHero.tsx

@@ -13,7 +13,6 @@ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 See the License for the specific language governing permissions and
 limitations under the License.
 */
-import React from "react";
 import Dropdown from "@/common/Dropdown";
 import Hero, { HeroProps } from "@/common/Hero";
 import { twMerge } from "tailwind-merge";

website/src/pages/PRPage/PRPage.tsx

@@ -16,10 +16,10 @@ limitations under the License.
 
 import React from "react";
 import { Link, useParams } from "react-router-dom";
-import useApiCall from "../../utils/Hook";
+import useApiCall from "@/utils/Hook";
 import RingLoader from "react-spinners/RingLoader";
 
-import { formatDate, errorApi } from "../../utils/Utils";
+import { formatDate, errorApi } from "@/utils/Utils";
 import { prDataTypes } from "@/types";
 
 export default function PRPage() {

website/src/pages/PRsPage/PRsPage.tsx

@@ -14,9 +14,7 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-import React from "react";
-
-import useApiCall from "../../utils/Hook";
+import useApiCall from "@/utils/Hook";
 import RingLoader from "react-spinners/RingLoader";
 
 import PRTable from "./components/PRTable";

website/src/pages/PRsPage/components/PRHero.tsx

@@ -13,7 +13,6 @@ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 See the License for the specific language governing permissions and
 limitations under the License.
 */
-import React from "react";
 import Hero, { HeroProps } from "@/common/Hero";
 
 const heroProps: HeroProps = {

website/src/pages/SearchPage/SearchPage.tsx

@@ -14,10 +14,10 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-import React, { useEffect, useState } from "react";
+import { useEffect, useState } from "react";
 import { useNavigate } from "react-router-dom";
 import RingLoader from "react-spinners/RingLoader";
-import useApiCall from "../../utils/Hook";
+import useApiCall from "@/utils/Hook";
 
 import SearchHero from "./components/SearchHero";
 import SearchMacro from "./components/SearchMacro";

website/src/pages/SearchPage/components/SearchHero.tsx

@@ -14,7 +14,6 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 import Hero, { HeroProps } from "@/common/Hero";
-import React from "react";
 
 interface SearchHeroProps {
   setGitRef: (value: string) => void;

website/src/pages/StatusPage/StatusPage.tsx

@@ -14,9 +14,9 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-import React, { useState } from "react";
+import { useState } from "react";
 import RingLoader from "react-spinners/RingLoader";
-import useApiCall from "../../utils/Hook";
+import useApiCall from "@/utils/Hook";
 import { statusDataTypes } from "@/types";
 
 

website/src/pages/StatusPage/components/StatusHero.tsx

@@ -13,8 +13,7 @@ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 See the License for the specific language governing permissions and
 limitations under the License.
 */
-import React from "react";
-import useApiCall from "../../../utils/Hook";
+import useApiCall from "@/utils/Hook";
 import { statusDataTypes } from "@/types";
 import Hero, { HeroProps } from "@/common/Hero";