fix issues after migration

Author: AlisherAmonulloev

Angular/src/app/app.component.scss

@@ -21,8 +21,7 @@
 #request-panel {
   min-width: 505px;
   height: 400px;
-  overflow-x: hidden;
-  overflow-y: auto;
+  overflow: hidden auto;
   padding: 18px;
   margin-top: 40px;
   background-color: rgba(191 191 191 / 15%);

AzureDirectUpload_Backend/AzureDirectUpload_Backend/AzureDirectUpload_Backend.csproj

@@ -1,7 +1,7 @@
 <Project Sdk="Microsoft.NET.Sdk.Web">
 
   <PropertyGroup>
-    <TargetFramework>net6.0</TargetFramework>
+    <TargetFramework>net8.0</TargetFramework>
     <Nullable>enable</Nullable>
     <ImplicitUsings>enable</ImplicitUsings>
   </PropertyGroup>

React/.eslintrc.js

@@ -1,13 +1,13 @@
-import React, {
+import {
   useCallback, useEffect, useMemo, useState,
 } from 'react';
 import './App.css';
 import 'devextreme/dist/css/dx.material.blue.light.compact.css';
 import FileUploader from 'devextreme-react/file-uploader';
 import LoadPanel from 'devextreme-react/load-panel';
-import UploadInfo from 'devextreme/file_management/upload_info';
+import type UploadInfo from 'devextreme/file_management/upload_info';
 import { AzureGateway } from './services/azure.gateway';
-import { AzureResponse } from './services/app.service.types';
+import type { AzureResponse } from './services/app.service.types';
 
 const endpointUrl = 'https://localhost:7021/api/file-uploader-azure-access';
 const loadPanelPosition = { of: '#file-uploader' };

React/src/App.tsx

@@ -21,8 +21,7 @@
 #request-panel {
   min-width: 505px;
   height: 400px;
-  overflow-x: hidden;
-  overflow-y: auto;
+  overflow: hidden auto;
   padding: 18px;
   margin-top: 40px;
   background-color: rgba(191 191 191 / 15%);

React/src/index.css

@@ -1,7 +1,9 @@
-import {
-  FileEntry, AccessUrls, AzureResponse, CommandParams, isUrlResponse, RequestParams, AzureObject,
+import type {
+  FileEntry, AccessUrls, AzureResponse, CommandParams, RequestParams, AzureObject,
 } from './app.service.types';
 
+import { isUrlResponse } from './app.service.types';
+
 export class AzureGateway {
   endpointUrl: string;
 

React/src/index.tsx

@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { RouterView } from "vue-router";
+import { RouterView } from 'vue-router';
 </script>
 
 <template>
-    <div class="main">
-        <RouterView />
-    </div>
+  <div class="main">
+    <RouterView/>
+  </div>
 </template>

React/src/reportWebVitals.ts

@@ -1,11 +1,11 @@
-import { describe, it, expect } from "vitest";
+import { describe, it, expect } from 'vitest';
 
-import { mount } from "@vue/test-utils";
-import Content from "../HomeContent.vue";
+import { mount } from '@vue/test-utils';
+import Content from '../HomeContent.vue';
 
-describe("Content", () => {
-  it("renders properly", () => {
-    const wrapper = mount(Content, { props: { text: "count" } });
-    expect(wrapper.text()).toContain("count");
+describe('Content', () => {
+  it('renders properly', () => {
+    const wrapper = mount(Content, { props: { text: 'count' } });
+    expect(wrapper.text()).toContain('count');
   });
 });