[CRA-RxJs-SC] Improve files order

cra-rxjs-styled-components/src/App.tsx

@@ -1,6 +1,5 @@
 import { Outlet } from 'react-router';
 import Header from './components/header';
-import { UserProvider } from './context/UserProvider';
 
 function App() {
 	return (

cra-rxjs-styled-components/src/components/AuthGuard.tsx

@@ -1,5 +1,5 @@
-import { Navigate, useLocation } from 'react-router-dom';
 import { AUTH_TOKEN } from '../constants/auth.constants';
+import { Navigate, useLocation } from 'react-router-dom';
 
 export default function AuthGuard({ children }: { children: JSX.Element }) {
 	const location = useLocation();

cra-rxjs-styled-components/src/components/Loading/LoadingBulletList.stories.tsx

@@ -1,6 +1,6 @@
+import LoadingBulletList from './LoadingBulletList';
 import { Story, Meta } from '@storybook/react';
 import React from 'react';
-import LoadingBulletList from './LoadingBulletList';
 
 export default {
   component: LoadingBulletList,

cra-rxjs-styled-components/src/components/Loading/LoadingTextLine.stories.tsx

@@ -1,6 +1,6 @@
+import LoadingTextLine from './LoadingTextLine';
 import { Story, Meta } from '@storybook/react';
 import React from 'react';
-import LoadingTextLine from './LoadingTextLine';
 
 export default {
   component: LoadingTextLine,

cra-rxjs-styled-components/src/components/DetailsDropdown/DetailsDropdown.stories.tsx → cra-rxjs-styled-components/src/components/details-dropdown/DetailsDropdown.stories.tsx

@@ -1,5 +1,5 @@
-import { ComponentStory, ComponentMeta } from '@storybook/react';
 import DetailsDropdown from './DetailsDropdown';
+import { ComponentStory, ComponentMeta } from '@storybook/react';
 import { useArgs } from '@storybook/client-api';
 
 export default {

cra-rxjs-styled-components/src/components/details-dropdown/DetailsDropdown.tsx

@@ -1,5 +1,4 @@
 import { FC } from 'react';
-import CloseIcon from '../icons/CloseIcon';
 import {
 	DropdownContainer,
 	Dropdown,
@@ -9,6 +8,7 @@ import {
 	CloseDropdownContainer,
 	CloseButton,
 } from './DetailsDropdown.style';
+import CloseIcon from '../icons/CloseIcon';
 import type { DropdownTitle } from '../pull-request/types';
 
 interface Props {

cra-rxjs-styled-components/src/components/dropdown/Dropdown.stories.tsx

@@ -1,6 +1,6 @@
+import Dropdown from './Dropdown';
 import { ComponentStory, ComponentMeta } from '@storybook/react';
 import { Routes, Route, MemoryRouter } from 'react-router-dom';
-import Dropdown from './Dropdown';
 
 export default {
   title: 'Navbar/Dropdown',

cra-rxjs-styled-components/src/components/file-explorer/FileExplorer.stories.tsx

@@ -1,6 +1,6 @@
+import FileExplorer from './FileExplorer';
 import { ComponentStory, ComponentMeta } from '@storybook/react';
 import { Routes, Route, MemoryRouter } from 'react-router-dom';
-import FileExplorer from './FileExplorer';
 
 export default {
   title: 'Repo/FileExplorer',

cra-rxjs-styled-components/src/components/file-explorer/FileExplorer.tsx

@@ -11,10 +11,9 @@ import {
 	FileExplorerLink,
 	FileExplorerFileContainer,
 } from './FileExplorer.styles';
-
 import { ForkIcon, DirectoryIcon, FileIcon } from '../icons/index';
-import { FileItem } from '../../types/types';
 import { LoadingBulletList } from '../Loading';
+import { FileItem } from '../../types/types';
 
 type Props = {
 	branch: string;

cra-rxjs-styled-components/src/components/file-viewer/FileViewer.data.tsx

@@ -1,8 +1,8 @@
-import { Code } from 'react-content-loader';
 import FileViewerView from './FileViewer.view';
-import { mapExtensionToLanguage } from './mapExtensionToLanguage';
+import { Code } from 'react-content-loader';
 import { useRepo } from '../../context/RepoContext';
 import { useRepoBlob } from '../../hooks/repo-blob/use-repo-blob';
+import { mapExtensionToLanguage } from './mapExtensionToLanguage';
 
 function FileViewer() {
 	const { path, isRepoLoading } = useRepo();

cra-rxjs-styled-components/src/components/file-viewer/FileViewer.stories.tsx

@@ -1,6 +1,6 @@
+import FileViewer from './FileViewer.view';
 import { ComponentStory, ComponentMeta } from '@storybook/react';
 import { Routes, Route, MemoryRouter } from 'react-router-dom';
-import FileViewer from './FileViewer.view';
 
 export default {
   title: 'Navbar/FileViewer',

cra-rxjs-styled-components/src/components/file-viewer/FileViewer.view.tsx

@@ -1,6 +1,6 @@
-import type { Language } from 'prism-react-renderer';
 import FileCode from './FileCode';
 import FileText from './FileText';
+import type { Language } from 'prism-react-renderer';
 import {
 	FileHeader,
 	FileHeaderBytes,

cra-rxjs-styled-components/src/components/header/Header.stories.tsx

@@ -1,6 +1,6 @@
+import Header from './Header';
 import { ComponentStory, ComponentMeta } from '@storybook/react';
 import { Routes, Route, MemoryRouter } from 'react-router-dom';
-import Header from './Header';
 
 export default {
 	title: 'Navbar/Header',

cra-rxjs-styled-components/src/components/issue/Issue/Issue.data.tsx

@@ -1,5 +1,5 @@
-import { useState } from 'react';
 import IssuesView from './Issue.view';
+import { useState } from 'react';
 import type { Issue } from './Issue.type';
 import type { IssueTabValues } from '../types';
 

cra-rxjs-styled-components/src/components/issue/issue-tab-header/IssueTabHeader.tsx

@@ -2,9 +2,9 @@ import { useCallback, useState } from 'react';
 import DetailsDropdown from '../../details-dropdown';
 import CorrectIcon from '../../icons/CorrectIcon';
 import IssueIcon from '../../icons/IssueIcon';
-import type { IssueTabValues, DropdownTitle } from '../types';
-import { Link } from 'react-router-dom';
 import { Container, StatusLabel, StatusTab } from './IssueTabHeader.style';
+import { Link } from 'react-router-dom';
+import type { IssueTabValues, DropdownTitle } from '../types';
 interface Props {
 	toggleTab: (value: IssueTabValues) => void;
 }

cra-rxjs-styled-components/src/components/paginate-button/PaginateButton.style.tsx

@@ -1,5 +1,5 @@
-import colors from '../../constants/colors';
 import styled from 'styled-components';
+import colors from '../../constants/colors';
 
 export const PaginateWrapper = styled.div`
 	display: flex;

cra-rxjs-styled-components/src/components/pull-request/pull-request-card/PullRequestCard.style.tsx

@@ -1,5 +1,4 @@
 import styled, { css } from 'styled-components';
-
 import colors from '../../../constants/colors';
 
 const flex = css`

cra-rxjs-styled-components/src/components/pull-request/pull-request-card/PullRequestCard.tsx

@@ -1,8 +1,8 @@
+import PullRequestCardIssueInfo from '../../pull-request-issue-info/PullRequestIssueInfo';
 import MessageIcon from '../../icons/MessageIcon';
 import { PullRequestCardWrapper } from './PullRequestCard.style';
 import type { State } from '../types';
 import { getPRIcon } from '../getPRIcon';
-import PullRequestCardIssueInfo from '../../pull-request-issue-info/PullRequestIssueInfo';
 
 interface Props {
 	state: State;

cra-rxjs-styled-components/src/components/readme/Readme.styles.tsx

@@ -1,4 +1,5 @@
 import styled from 'styled-components';
+
 export const ReadmeContainer = styled.div`
 	margin: 1rem 0;
 	border-radius: 0.375rem;

cra-rxjs-styled-components/src/components/repo-about/RepoAbout.stories.tsx

@@ -1,6 +1,6 @@
+import RepoAbout from './RepoAbout';
 import { ComponentStory, ComponentMeta } from '@storybook/react';
 import { Routes, Route, MemoryRouter } from 'react-router-dom';
-import RepoAbout from './RepoAbout';
 
 export default {
 	title: 'Repo/About',

cra-rxjs-styled-components/src/components/repo-about/RepoAbout.tsx

@@ -1,5 +1,5 @@
-import { LinkIcon, ReadmeBookIcon } from '../icons/index';
 import { LoadingTextLine } from '../Loading';
+import { LinkIcon, ReadmeBookIcon } from '../icons/index';
 import {
 	AboutContainer,
 	Header,

cra-rxjs-styled-components/src/components/repo-card/RepoCard.tsx

@@ -1,7 +1,7 @@
+import RepoMeta from '../repo-meta';
+import PrivacyBadge from '../misc/privacy-badge';
 import { Star } from '@styled-icons/heroicons-outline';
 import { Repository } from '../../interfaces/repositories.interfaces';
-import PrivacyBadge from '../misc/privacy-badge';
-import RepoMeta from '../repo-meta';
 import {
 	Aside,
 	BadgeWrapper,

cra-rxjs-styled-components/src/components/repo-issues/Issues/Issues.tsx

@@ -1,6 +1,8 @@
-import { useState } from 'react';
 import IssueView from './Issues.view';
+
+import { useState } from 'react';
 import type { IssueTabValues, IssueTypes } from '../../../types/types';
+
 type IssuesProps = {
 	issues: IssueTypes;
 };

cra-rxjs-styled-components/src/components/repo-issues/Issues/Issues.view.tsx

@@ -1,9 +1,10 @@
 import IssueTabHeader from '../issue-tab-header';
 import IssueCard from '../issue-card';
+import Pagination from '../../pagination';
 import { Content, Wrapper } from './Issues.view.styles';
+
 import type { Issue } from './Issue.type';
 import { IssueTabValues } from '../../../types/types';
-import Pagination from '../../pagination';
 
 type IssueProps = {
 	issues: Issue[];

cra-rxjs-styled-components/src/components/repo-issues/issue-card/IssueCard.tsx

@@ -1,7 +1,7 @@
+import IssueCardIssueInfo from '../issue-card-issue-info';
 import ClosedIssueIcon from '../../icons/ClosedIssueIcon';
 import MessageIcon from '../../icons/MessageIcon';
 import OpenIssueIcon from '../../icons/OpenIssueIcon';
-import IssueCardIssueInfo from '../issue-card-issue-info';
 import { IssueCardWrapper } from './IssueCard.styles';
 import { Issue } from '../Issues/Issue.type';
 import { State } from '../../../types/types';

cra-rxjs-styled-components/src/components/repo-issues/issue-tab-header/IssueTabHeader.tsx

@@ -1,10 +1,10 @@
-import { useCallback, useState } from 'react';
 import DetailsDropdown from '../../details-dropdown';
 import CorrectIcon from '../../icons/CorrectIcon';
 import OpenIssueIcon from '../../icons/OpenIssueIcon';
-import type { IssueTabValues } from '../../../types/types';
-
 import { Container, StatusLabel, StatusTab } from './IssueTabHeader.styles';
+
+import { useCallback, useState } from 'react';
+import type { IssueTabValues } from '../../../types/types';
 import type { DropdownTitle } from '../../../types/types';
 
 interface Props {

cra-rxjs-styled-components/src/components/repo-meta/MetaIcon.tsx

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
 import { SocialCount, TextSpan } from './RepoMeta.styles';
+import { ReactNode } from 'react';
 
 interface MetaIconProps {
 	text: number | string;

cra-rxjs-styled-components/src/components/repo-meta/RepoMeta.tsx

@@ -1,9 +1,10 @@
-import { formatDistance } from 'date-fns';
-import { getColourForLanguage } from '../../helpers/colours';
 import { BranchLogo } from '../misc/BranchLogo';
 import { StarLogo } from '../misc/StarLogo';
 import MetaIcon from './MetaIcon';
 import { LanguageColor, Metadata, SocialWrapper } from './RepoMeta.styles';
+import { getColourForLanguage } from '../../helpers/colours';
+
+import { formatDistance } from 'date-fns';
 
 interface RepoMetaProps {
 	language?: string | null;

cra-rxjs-styled-components/src/components/repo-page/RepoPage.data.tsx

@@ -1,14 +1,14 @@
 import type { RepoContextInterface } from '../../context/RepoContext';
-import type { ReactNode } from 'react';
 import { RepoProvider } from '../../context/RepoContext';
-import { useEffect, useState } from 'react';
-import { tap, forkJoin } from 'rxjs';
+import { Repository } from '../../interfaces/repositories.interfaces';
+import { fromFetchWithAuth } from '../../hooks/auth/from-fetch-with-auth';
 import {
 	SINGLE_USER_REPO,
 	ISSUE_PR_SEARCH,
 } from '../../constants/url.constants';
-import { Repository } from '../../interfaces/repositories.interfaces';
-import { fromFetchWithAuth } from '../../hooks/auth/from-fetch-with-auth';
+
+import { useEffect, useState,ReactNode } from 'react';
+import { tap, forkJoin } from 'rxjs';
 
 type IssueDetails = {
 	total_count: number;

cra-rxjs-styled-components/src/components/user-profile/OrgList.tsx

@@ -1,11 +1,11 @@
-import { IOrganization } from '../../context/UserProvider';
 import {
 	ContainerWrapper,
 	Heading,
 	OrgListContainer,
 	Organisation,
 	OrgImage,
 } from './OrgList.styles';
+import { IOrganization } from '../../context/UserProvider';
 
 interface OrgListProps {
 	organizations: IOrganization[];

cra-rxjs-styled-components/src/components/user-profile/UserProfile.tsx

@@ -1,11 +1,7 @@
-import {
-	OfficeBuilding,
-	LocationMarker,
-} from '@styled-icons/heroicons-outline';
-import { useUser } from '../../context/UserProvider';
-import LoadingProfile from './LoadingProfile';
 import OrgList from './OrgList';
+import LoadingProfile from './LoadingProfile';
 import { SocialIcons } from './SocialIcons';
+import { useUser } from '../../context/UserProvider';
 import {
 	Avatar,
 	NameContainer,
@@ -19,6 +15,10 @@ import {
 	LinkIconStyles,
 	UserProfileContainer,
 } from './UserProfile.styles';
+import {
+	OfficeBuilding,
+	LocationMarker,
+} from '@styled-icons/heroicons-outline';
 
 function UserProfileView() {
 	const context = useUser();

cra-rxjs-styled-components/src/components/user-repos/UserRepos.tsx

@@ -1,6 +1,6 @@
+import RepoCard from '../repo-card';
 import { RepoListWrapper } from './UserRepos.styles';
 import { useUserRepositories } from '../../hooks/user-repositories/use-user-repositories';
-import RepoCard from '../repo-card';
 
 function UserRepos({ isOrg = false }) {
 	const { loading, repos } = useUserRepositories(isOrg);

cra-rxjs-styled-components/src/context/RepoContext.tsx

@@ -1,5 +1,4 @@
-import type { ReactNode } from 'react';
-import { createContext, useContext } from 'react';
+import { createContext, useContext, ReactNode } from 'react';
 
 export interface RepoContextInterface {
 	name: string;

cra-rxjs-styled-components/src/context/UserProvider.tsx

@@ -1,7 +1,7 @@
-import type { ReactNode } from 'react';
-import { createContext, useContext, useState, useEffect } from 'react';
 import { fromFetchWithAuth } from '../hooks/auth/from-fetch-with-auth';
 import { GITHUB_URL_BASE } from '../constants/url.constants';
+
+import { createContext, useContext, useState, useEffect, ReactNode } from 'react';
 import { tap, forkJoin } from 'rxjs';
 
 export interface IUserContext {

cra-rxjs-styled-components/src/hooks/auth/from-fetch-with-auth.ts

@@ -1,6 +1,6 @@
+import { AUTH_TOKEN } from '../../constants/auth.constants';
 import { Observable } from 'rxjs';
 import { fromFetch } from 'rxjs/fetch';
-import { AUTH_TOKEN } from '../../constants/auth.constants';
 
 type RequestInitWithSelector<T> = RequestInit & {
 	selector: (response: Response) => Observable<T> | Promise<T>;

cra-rxjs-styled-components/src/hooks/auth/use-set-token.ts

@@ -1,10 +1,11 @@
+import { AUTH_TOKEN } from '../../constants/auth.constants';
+import { GET_TOKEN_URL } from '../../constants/url.constants';
+import { AuthSuccessResponse } from '../../interfaces/auth.interfaces';
+
 import { useEffect } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { catchError, EMPTY, tap } from 'rxjs';
 import { fromFetch } from 'rxjs/fetch';
-import { AUTH_TOKEN } from '../../constants/auth.constants';
-import { GET_TOKEN_URL } from '../../constants/url.constants';
-import { AuthSuccessResponse } from '../../interfaces/auth.interfaces';
 
 export function useSetToken() {
 	const navigate = useNavigate();

cra-rxjs-styled-components/src/hooks/auth/use-sign-in.ts

@@ -1,5 +1,5 @@
-import { FormEvent, useCallback } from 'react';
 import { SIGN_IN_URL } from '../../constants/url.constants';
+import { FormEvent, useCallback } from 'react';
 
 export function useSignIn(): (event: FormEvent) => void {
 	return useCallback((event: FormEvent) => {

cra-rxjs-styled-components/src/hooks/auth/use-sign-out.ts

@@ -1,9 +1,10 @@
+import { SIGN_OUT_URL } from '../../constants/url.constants';
+import { AUTH_TOKEN } from '../../constants/auth.constants';
+
 import { useCallback, useEffect, useMemo } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { Subject, switchMap } from 'rxjs';
 import { fromFetch } from 'rxjs/fetch';
-import { SIGN_OUT_URL } from '../../constants/url.constants';
-import { AUTH_TOKEN } from '../../constants/auth.constants';
 
 export function useSignOut() {
 	const clickListener$ = useMemo(() => new Subject<void>(), []);