[CRA-RxJs-SC] Improve files order#658

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
vyktoremario wants to merge 2 commits into
base:main
Choose a base branch
from
Open

[CRA-RxJs-SC] Improve files order #658

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
cb770aa
init draft
vyktoremario Sep 29, 2022
aa8439d
re-ordering file import
vyktoremario Sep 30, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 0 additions & 1 deletion cra-rxjs-styled-components/src/App.tsx
View file
Open in desktop
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
import { Outlet } from 'react-router';
import Header from './components/header';
import { UserProvider } from './context/UserProvider';

function App() {
return (
Expand Down
2 changes: 1 addition & 1 deletion cra-rxjs-styled-components/src/components/AuthGuard.tsx
View file
Open in desktop
Original file line numberDiff line numberDiff line change
@@ -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();
Expand Down
2 changes: 1 addition & 1 deletion cra-rxjs-styled-components/src/components/Loading/LoadingBulletList.stories.tsx
View file
Open in desktop
Original file line numberDiff line numberDiff line change
@@ -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,
Expand Down
2 changes: 1 addition & 1 deletion cra-rxjs-styled-components/src/components/Loading/LoadingTextLine.stories.tsx
View file
Open in desktop
Original file line numberDiff line numberDiff line change
@@ -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,
Expand Down
2 changes: 1 addition & 1 deletion ...tailsDropdown/DetailsDropdown.stories.tsx → ...ails-dropdown/DetailsDropdown.stories.tsx
View file
Open in desktop
Original file line numberDiff line numberDiff line change
@@ -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 {
Expand Down
2 changes: 1 addition & 1 deletion cra-rxjs-styled-components/src/components/details-dropdown/DetailsDropdown.tsx
View file
Open in desktop
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
import { FC } from 'react';
import CloseIcon from '../icons/CloseIcon';
import {
DropdownContainer,
Dropdown,
Expand All@@ -9,6 +8,7 @@ import {
CloseDropdownContainer,
CloseButton,
} from './DetailsDropdown.style';
import CloseIcon from '../icons/CloseIcon';
import type { DropdownTitle } from '../pull-request/types';

interface Props {
Expand Down
2 changes: 1 addition & 1 deletion cra-rxjs-styled-components/src/components/dropdown/Dropdown.stories.tsx
View file
Open in desktop
Original file line numberDiff line numberDiff line change
@@ -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',
Expand Down
2 changes: 1 addition & 1 deletion cra-rxjs-styled-components/src/components/file-explorer/FileExplorer.stories.tsx
View file
Open in desktop
Original file line numberDiff line numberDiff line change
@@ -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',
Expand Down
3 changes: 1 addition & 2 deletions cra-rxjs-styled-components/src/components/file-explorer/FileExplorer.tsx
View file
Open in desktop
Original file line numberDiff line numberDiff line change
Expand Up@@ -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;
Expand Down
4 changes: 2 additions & 2 deletions cra-rxjs-styled-components/src/components/file-viewer/FileViewer.data.tsx
View file
Open in desktop
Original file line numberDiff line numberDiff line change
@@ -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();
Expand Down
2 changes: 1 addition & 1 deletion cra-rxjs-styled-components/src/components/file-viewer/FileViewer.stories.tsx
View file
Open in desktop
Original file line numberDiff line numberDiff line change
@@ -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',
Expand Down
2 changes: 1 addition & 1 deletion cra-rxjs-styled-components/src/components/file-viewer/FileViewer.view.tsx
View file
Open in desktop
Original file line numberDiff line numberDiff line change
@@ -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,
Expand Down
2 changes: 1 addition & 1 deletion cra-rxjs-styled-components/src/components/header/Header.stories.tsx
View file
Open in desktop
Original file line numberDiff line numberDiff line change
@@ -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',
Expand Down
2 changes: 1 addition & 1 deletion cra-rxjs-styled-components/src/components/issue/Issue/Issue.data.tsx
View file
Open in desktop
Original file line numberDiff line numberDiff line change
@@ -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';

Expand Down
4 changes: 2 additions & 2 deletions cra-rxjs-styled-components/src/components/issue/issue-tab-header/IssueTabHeader.tsx
View file
Open in desktop
Original file line numberDiff line numberDiff line change
Expand Up@@ -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;
}
Expand Down
2 changes: 1 addition & 1 deletion cra-rxjs-styled-components/src/components/paginate-button/PaginateButton.style.tsx
View file
Open in desktop
Original file line numberDiff line numberDiff line change
@@ -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;
Expand Down
1 change: 0 additions & 1 deletion ...styled-components/src/components/pull-request/pull-request-card/PullRequestCard.style.tsx
View file
Open in desktop
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
import styled, { css } from 'styled-components';

import colors from '../../../constants/colors';

const flex = css`
Expand Down
2 changes: 1 addition & 1 deletion cra-rxjs-styled-components/src/components/pull-request/pull-request-card/PullRequestCard.tsx
View file
Open in desktop
Original file line numberDiff line numberDiff line change
@@ -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;
Expand Down
1 change: 1 addition & 0 deletions cra-rxjs-styled-components/src/components/readme/Readme.styles.tsx
View file
Open in desktop
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
import styled from 'styled-components';

export const ReadmeContainer = styled.div`
margin: 1rem 0;
border-radius: 0.375rem;
Expand Down
2 changes: 1 addition & 1 deletion cra-rxjs-styled-components/src/components/repo-about/RepoAbout.stories.tsx
View file
Open in desktop
Original file line numberDiff line numberDiff line change
@@ -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',
Expand Down
2 changes: 1 addition & 1 deletion cra-rxjs-styled-components/src/components/repo-about/RepoAbout.tsx
View file
Open in desktop
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
import { LinkIcon, ReadmeBookIcon } from '../icons/index';
import { LoadingTextLine } from '../Loading';
import { LinkIcon, ReadmeBookIcon } from '../icons/index';
import {
AboutContainer,
Header,
Expand Down
4 changes: 2 additions & 2 deletions cra-rxjs-styled-components/src/components/repo-card/RepoCard.tsx
View file
Open in desktop
Original file line numberDiff line numberDiff line change
@@ -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,
Expand Down
4 changes: 3 additions & 1 deletion cra-rxjs-styled-components/src/components/repo-issues/Issues/Issues.tsx
View file
Open in desktop
Original file line numberDiff line numberDiff line change
@@ -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;
};
Expand Down
3 changes: 2 additions & 1 deletion cra-rxjs-styled-components/src/components/repo-issues/Issues/Issues.view.tsx
View file
Open in desktop
Original file line numberDiff line numberDiff line change
@@ -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[];
Expand Down
2 changes: 1 addition & 1 deletion cra-rxjs-styled-components/src/components/repo-issues/issue-card/IssueCard.tsx
View file
Open in desktop
Original file line numberDiff line numberDiff line change
@@ -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';
Expand Down
6 changes: 3 additions & 3 deletions cra-rxjs-styled-components/src/components/repo-issues/issue-tab-header/IssueTabHeader.tsx
View file
Open in desktop
Original file line numberDiff line numberDiff line change
@@ -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 {
Expand Down
2 changes: 1 addition & 1 deletion cra-rxjs-styled-components/src/components/repo-meta/MetaIcon.tsx
View file
Open in desktop
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
import { ReactNode } from 'react';
import { SocialCount, TextSpan } from './RepoMeta.styles';
import { ReactNode } from 'react';

interface MetaIconProps {
text: number | string;
Expand Down
5 changes: 3 additions & 2 deletions cra-rxjs-styled-components/src/components/repo-meta/RepoMeta.tsx
View file
Open in desktop
Original file line numberDiff line numberDiff line change
@@ -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;
Expand Down
10 changes: 5 additions & 5 deletions cra-rxjs-styled-components/src/components/repo-page/RepoPage.data.tsx
View file
Open in desktop
Original file line numberDiff line numberDiff line change
@@ -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;
Expand Down
2 changes: 1 addition & 1 deletion cra-rxjs-styled-components/src/components/user-profile/OrgList.tsx
View file
Open in desktop
Original file line numberDiff line numberDiff line change
@@ -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[];
Expand Down
12 changes: 6 additions & 6 deletions cra-rxjs-styled-components/src/components/user-profile/UserProfile.tsx
View file
Open in desktop
Original file line numberDiff line numberDiff line change
@@ -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,
Expand All@@ -19,6 +15,10 @@ import {
LinkIconStyles,
UserProfileContainer,
} from './UserProfile.styles';
import {
OfficeBuilding,
LocationMarker,
} from '@styled-icons/heroicons-outline';

function UserProfileView() {
const context = useUser();
Expand Down
2 changes: 1 addition & 1 deletion cra-rxjs-styled-components/src/components/user-repos/UserRepos.tsx
View file
Open in desktop
Original file line numberDiff line numberDiff line change
@@ -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);
Expand Down
3 changes: 1 addition & 2 deletions cra-rxjs-styled-components/src/context/RepoContext.tsx
View file
Open in desktop
Original file line numberDiff line numberDiff line change
@@ -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;
Expand Down
4 changes: 2 additions & 2 deletions cra-rxjs-styled-components/src/context/UserProvider.tsx
View file
Open in desktop
Original file line numberDiff line numberDiff line change
@@ -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 {
Expand Down
2 changes: 1 addition & 1 deletion cra-rxjs-styled-components/src/hooks/auth/from-fetch-with-auth.ts
View file
Open in desktop
Original file line numberDiff line numberDiff line change
@@ -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>;
Expand Down
7 changes: 4 additions & 3 deletions cra-rxjs-styled-components/src/hooks/auth/use-set-token.ts
View file
Open in desktop
Original file line numberDiff line numberDiff line change
@@ -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();
Expand Down
2 changes: 1 addition & 1 deletion cra-rxjs-styled-components/src/hooks/auth/use-sign-in.ts
View file
Open in desktop
Original file line numberDiff line numberDiff line change
@@ -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) => {
Expand Down
5 changes: 3 additions & 2 deletions cra-rxjs-styled-components/src/hooks/auth/use-sign-out.ts
View file
Open in desktop
Original file line numberDiff line numberDiff line change
@@ -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>(), []);
Expand Down
Loading
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Add copy buttons to all 
 blocks\n(function() {\n function addCopyButtons() {\n document.querySelectorAll('pre code').forEach(function(codeBlock) {\n if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;\n codeBlock.parentElement.setAttribute('data-copy-added', 'true');\n \n var btn = document.createElement('button');\n btn.textContent = 'Copy';\n btn.style.cssText = 'position:absolute;top:4px;right:4px;padding:2px 8px;font-size:11px;background:#4ecdc4;border:none;border-radius:4px;color:#1a1a2e;cursor:pointer;opacity:0.7;transition:opacity 0.2s;';\n btn.onmouseover = function() { this.style.opacity = '1'; };\n btn.onmouseout = function() { this.style.opacity = '0.7'; };\n btn.onclick = function() {\n navigator.clipboard.writeText(codeBlock.textContent).then(function() {\n btn.textContent = 'Copied!';\n setTimeout(function() { btn.textContent = 'Copy'; }, 1500);\n });\n };\n codeBlock.parentElement.style.position = 'relative';\n codeBlock.parentElement.appendChild(btn);\n });\n }\n \n addCopyButtons();\n \n // Re-run on dynamic content\n var observer = new MutationObserver(addCopyButtons);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Add Copy Buttons to Code Blocks");
}
} catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
})();
(function(){
try {
var __m = "github.com";
var __re = new RegExp('^' + "github\\.com" + '

Skip to content
[CRA-RxJs-SC] Improve files order#658

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

 Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and
privacy statement. We’ll occasionally send you account related emails.

Already on GitHub?
Sign in
to your account

 Open

vyktoremario
wants to merge
2
commits into

base:main
Choose a base branch

from

 Open


[CRA-RxJs-SC] Improve files order
#658
Show file tree
Hide file tree
 Changes from all commits
Commits

Show all changes


2 commits


Select commit
Hold shift + click to select a range
cb770aa

init draft


vyktoremario Sep 29, 2022
aa8439d

re-ordering file import


vyktoremario Sep 30, 2022

File filter

Filter by extension
Filter by extension
Conversations

Failed to load comments. 
Loading
Jump to

Jump to file


Failed to load files. 
Loading
 Diff view

 Diff view


1 change: 0 additions & 1 deletion
cra-rxjs-styled-components/src/App.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
import { Outlet } from 'react-router';
import Header from './components/header';
import { UserProvider } from './context/UserProvider';

function App() {
	return (
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/AuthGuard.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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();
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/Loading/LoadingBulletList.stories.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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,
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/Loading/LoadingTextLine.stories.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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,
Expand Down

2 changes: 1 addition & 1 deletion
...tailsDropdown/DetailsDropdown.stories.tsx → ...ails-dropdown/DetailsDropdown.stories.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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 {
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/details-dropdown/DetailsDropdown.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
import { FC } from 'react';
import CloseIcon from '../icons/CloseIcon';
import {
	DropdownContainer,
	Dropdown,
Expand All@@ -9,6 +8,7 @@ import {
	CloseDropdownContainer,
	CloseButton,
} from './DetailsDropdown.style';
import CloseIcon from '../icons/CloseIcon';
import type { DropdownTitle } from '../pull-request/types';

interface Props {
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/dropdown/Dropdown.stories.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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',
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/file-explorer/FileExplorer.stories.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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',
Expand Down

3 changes: 1 addition & 2 deletions
cra-rxjs-styled-components/src/components/file-explorer/FileExplorer.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -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;
Expand Down

4 changes: 2 additions & 2 deletions
cra-rxjs-styled-components/src/components/file-viewer/FileViewer.data.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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();
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/file-viewer/FileViewer.stories.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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',
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/file-viewer/FileViewer.view.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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,
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/header/Header.stories.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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',
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/issue/Issue/Issue.data.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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';

Expand Down

4 changes: 2 additions & 2 deletions
cra-rxjs-styled-components/src/components/issue/issue-tab-header/IssueTabHeader.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -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;
}
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/paginate-button/PaginateButton.style.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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;
Expand Down

1 change: 0 additions & 1 deletion
...styled-components/src/components/pull-request/pull-request-card/PullRequestCard.style.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
import styled, { css } from 'styled-components';

import colors from '../../../constants/colors';

const flex = css`
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/pull-request/pull-request-card/PullRequestCard.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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;
Expand Down

1 change: 1 addition & 0 deletions
cra-rxjs-styled-components/src/components/readme/Readme.styles.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
import styled from 'styled-components';

export const ReadmeContainer = styled.div`
	margin: 1rem 0;
	border-radius: 0.375rem;
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/repo-about/RepoAbout.stories.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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',
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/repo-about/RepoAbout.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
import { LinkIcon, ReadmeBookIcon } from '../icons/index';
import { LoadingTextLine } from '../Loading';
import { LinkIcon, ReadmeBookIcon } from '../icons/index';
import {
	AboutContainer,
	Header,
Expand Down

4 changes: 2 additions & 2 deletions
cra-rxjs-styled-components/src/components/repo-card/RepoCard.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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,
Expand Down

4 changes: 3 additions & 1 deletion
cra-rxjs-styled-components/src/components/repo-issues/Issues/Issues.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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;
};
Expand Down

3 changes: 2 additions & 1 deletion
cra-rxjs-styled-components/src/components/repo-issues/Issues/Issues.view.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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[];
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/repo-issues/issue-card/IssueCard.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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';
Expand Down

6 changes: 3 additions & 3 deletions
cra-rxjs-styled-components/src/components/repo-issues/issue-tab-header/IssueTabHeader.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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 {
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/repo-meta/MetaIcon.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
import { ReactNode } from 'react';
import { SocialCount, TextSpan } from './RepoMeta.styles';
import { ReactNode } from 'react';

interface MetaIconProps {
	text: number | string;
Expand Down

5 changes: 3 additions & 2 deletions
cra-rxjs-styled-components/src/components/repo-meta/RepoMeta.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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;
Expand Down

10 changes: 5 additions & 5 deletions
cra-rxjs-styled-components/src/components/repo-page/RepoPage.data.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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;
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/user-profile/OrgList.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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[];
Expand Down

12 changes: 6 additions & 6 deletions
cra-rxjs-styled-components/src/components/user-profile/UserProfile.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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,
Expand All@@ -19,6 +15,10 @@ import {
	LinkIconStyles,
	UserProfileContainer,
} from './UserProfile.styles';
import {
	OfficeBuilding,
	LocationMarker,
} from '@styled-icons/heroicons-outline';

function UserProfileView() {
	const context = useUser();
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/user-repos/UserRepos.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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);
Expand Down

3 changes: 1 addition & 2 deletions
cra-rxjs-styled-components/src/context/RepoContext.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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;
Expand Down

4 changes: 2 additions & 2 deletions
cra-rxjs-styled-components/src/context/UserProvider.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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 {
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/hooks/auth/from-fetch-with-auth.ts

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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>;
Expand Down

7 changes: 4 additions & 3 deletions
cra-rxjs-styled-components/src/hooks/auth/use-set-token.ts

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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();
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/hooks/auth/use-sign-in.ts

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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) => {
Expand Down

5 changes: 3 additions & 2 deletions
cra-rxjs-styled-components/src/hooks/auth/use-sign-out.ts

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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>(), []);
Expand Down
Loading

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Force GitHub README to respect dark mode\n(function() {\n var style = document.createElement('style');\n style.textContent = '\n .markdown-body {\n color-scheme: dark light;\n }\n .markdown-body pre { background: #161b22 !important; }\n .markdown-body code { background: rgba(110, 118, 129, 0.4) !important; }\n .markdown-body table th, .markdown-body table td { border-color: #30363d !important; }\n .markdown-body img { background: #0d1117; }\n .markdown-body blockquote { border-left-color: #8b949e; }\n .markdown-body hr { border-color: #30363d; }\n ';\n document.head.appendChild(style);\n})();", "GitHub Dark Mode README Fix");
}
} catch(__e) { console.warn('[Userscript:GitHub Dark Mode README Fix]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
[CRA-RxJs-SC] Improve files order#658

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

 Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and
privacy statement. We’ll occasionally send you account related emails.

Already on GitHub?
Sign in
to your account

 Open

vyktoremario
wants to merge
2
commits into

base:main
Choose a base branch

from

 Open


[CRA-RxJs-SC] Improve files order
#658
Show file tree
Hide file tree
 Changes from all commits
Commits

Show all changes


2 commits


Select commit
Hold shift + click to select a range
cb770aa

init draft


vyktoremario Sep 29, 2022
aa8439d

re-ordering file import


vyktoremario Sep 30, 2022

File filter

Filter by extension
Filter by extension
Conversations

Failed to load comments. 
Loading
Jump to

Jump to file


Failed to load files. 
Loading
 Diff view

 Diff view


1 change: 0 additions & 1 deletion
cra-rxjs-styled-components/src/App.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
import { Outlet } from 'react-router';
import Header from './components/header';
import { UserProvider } from './context/UserProvider';

function App() {
	return (
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/AuthGuard.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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();
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/Loading/LoadingBulletList.stories.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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,
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/Loading/LoadingTextLine.stories.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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,
Expand Down

2 changes: 1 addition & 1 deletion
...tailsDropdown/DetailsDropdown.stories.tsx → ...ails-dropdown/DetailsDropdown.stories.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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 {
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/details-dropdown/DetailsDropdown.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
import { FC } from 'react';
import CloseIcon from '../icons/CloseIcon';
import {
	DropdownContainer,
	Dropdown,
Expand All@@ -9,6 +8,7 @@ import {
	CloseDropdownContainer,
	CloseButton,
} from './DetailsDropdown.style';
import CloseIcon from '../icons/CloseIcon';
import type { DropdownTitle } from '../pull-request/types';

interface Props {
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/dropdown/Dropdown.stories.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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',
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/file-explorer/FileExplorer.stories.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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',
Expand Down

3 changes: 1 addition & 2 deletions
cra-rxjs-styled-components/src/components/file-explorer/FileExplorer.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -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;
Expand Down

4 changes: 2 additions & 2 deletions
cra-rxjs-styled-components/src/components/file-viewer/FileViewer.data.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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();
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/file-viewer/FileViewer.stories.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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',
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/file-viewer/FileViewer.view.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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,
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/header/Header.stories.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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',
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/issue/Issue/Issue.data.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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';

Expand Down

4 changes: 2 additions & 2 deletions
cra-rxjs-styled-components/src/components/issue/issue-tab-header/IssueTabHeader.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -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;
}
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/paginate-button/PaginateButton.style.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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;
Expand Down

1 change: 0 additions & 1 deletion
...styled-components/src/components/pull-request/pull-request-card/PullRequestCard.style.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
import styled, { css } from 'styled-components';

import colors from '../../../constants/colors';

const flex = css`
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/pull-request/pull-request-card/PullRequestCard.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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;
Expand Down

1 change: 1 addition & 0 deletions
cra-rxjs-styled-components/src/components/readme/Readme.styles.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
import styled from 'styled-components';

export const ReadmeContainer = styled.div`
	margin: 1rem 0;
	border-radius: 0.375rem;
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/repo-about/RepoAbout.stories.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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',
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/repo-about/RepoAbout.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
import { LinkIcon, ReadmeBookIcon } from '../icons/index';
import { LoadingTextLine } from '../Loading';
import { LinkIcon, ReadmeBookIcon } from '../icons/index';
import {
	AboutContainer,
	Header,
Expand Down

4 changes: 2 additions & 2 deletions
cra-rxjs-styled-components/src/components/repo-card/RepoCard.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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,
Expand Down

4 changes: 3 additions & 1 deletion
cra-rxjs-styled-components/src/components/repo-issues/Issues/Issues.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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;
};
Expand Down

3 changes: 2 additions & 1 deletion
cra-rxjs-styled-components/src/components/repo-issues/Issues/Issues.view.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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[];
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/repo-issues/issue-card/IssueCard.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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';
Expand Down

6 changes: 3 additions & 3 deletions
cra-rxjs-styled-components/src/components/repo-issues/issue-tab-header/IssueTabHeader.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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 {
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/repo-meta/MetaIcon.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
import { ReactNode } from 'react';
import { SocialCount, TextSpan } from './RepoMeta.styles';
import { ReactNode } from 'react';

interface MetaIconProps {
	text: number | string;
Expand Down

5 changes: 3 additions & 2 deletions
cra-rxjs-styled-components/src/components/repo-meta/RepoMeta.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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;
Expand Down

10 changes: 5 additions & 5 deletions
cra-rxjs-styled-components/src/components/repo-page/RepoPage.data.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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;
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/user-profile/OrgList.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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[];
Expand Down

12 changes: 6 additions & 6 deletions
cra-rxjs-styled-components/src/components/user-profile/UserProfile.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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,
Expand All@@ -19,6 +15,10 @@ import {
	LinkIconStyles,
	UserProfileContainer,
} from './UserProfile.styles';
import {
	OfficeBuilding,
	LocationMarker,
} from '@styled-icons/heroicons-outline';

function UserProfileView() {
	const context = useUser();
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/user-repos/UserRepos.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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);
Expand Down

3 changes: 1 addition & 2 deletions
cra-rxjs-styled-components/src/context/RepoContext.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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;
Expand Down

4 changes: 2 additions & 2 deletions
cra-rxjs-styled-components/src/context/UserProvider.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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 {
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/hooks/auth/from-fetch-with-auth.ts

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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>;
Expand Down

7 changes: 4 additions & 3 deletions
cra-rxjs-styled-components/src/hooks/auth/use-set-token.ts

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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();
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/hooks/auth/use-sign-in.ts

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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) => {
Expand Down

5 changes: 3 additions & 2 deletions
cra-rxjs-styled-components/src/hooks/auth/use-sign-out.ts

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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>(), []);
Expand Down
Loading

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Highlight search terms from Google/DuckDuckGo/Bing referrer\n(function() {\n var ref = document.referrer;\n var terms = [];\n \n if (ref.includes('google.com') || ref.includes('duckduckgo.com') || ref.includes('bing.com')) {\n var url = new URL(ref);\n var q = url.searchParams.get('q') || url.searchParams.get('p');\n if (q) {\n terms = q.split(/\\s+/).filter(function(t) { return t.length > 2; });\n }\n }\n \n if (terms.length === 0) return;\n \n var style = document.createElement('style');\n style.textContent = '.userscript-highlight { background: #fbbf24; color: #1a1a2e; padding: 1px 3px; border-radius: 2px; }';\n document.head.appendChild(style);\n \n function highlight(node) {\n if (node.nodeType === 3) { // text node\n var text = node.textContent;\n var found = false;\n terms.forEach(function(term) {\n var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\') + ')', 'gi');\n if (regex.test(text)) {\n found = true;\n var frag = document.createDocumentFragment();\n var parts = text.split(regex);\n parts.forEach(function(part, i) {\n if (i % 2 === 0) {\n frag.appendChild(document.createTextNode(part));\n } else {\n var span = document.createElement('span');\n span.className = 'userscript-highlight';\n span.textContent = part;\n frag.appendChild(span);\n }\n });\n node.parentNode.replaceChild(frag, node);\n }\n });\n } else if (node.nodeType === 1 && node.childNodes) { // element\n var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT'];\n if (!skipTags.includes(node.tagName)) {\n Array.from(node.childNodes).forEach(highlight);\n }\n }\n }\n \n highlight(document.body);\n \n // Re-highlight on dynamic content\n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1 || node.nodeType === 3) highlight(node);\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Highlight Search Terms");
}
} catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
[CRA-RxJs-SC] Improve files order#658

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

 Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and
privacy statement. We’ll occasionally send you account related emails.

Already on GitHub?
Sign in
to your account

 Open

vyktoremario
wants to merge
2
commits into

base:main
Choose a base branch

from

 Open


[CRA-RxJs-SC] Improve files order
#658
Show file tree
Hide file tree
 Changes from all commits
Commits

Show all changes


2 commits


Select commit
Hold shift + click to select a range
cb770aa

init draft


vyktoremario Sep 29, 2022
aa8439d

re-ordering file import


vyktoremario Sep 30, 2022

File filter

Filter by extension
Filter by extension
Conversations

Failed to load comments. 
Loading
Jump to

Jump to file


Failed to load files. 
Loading
 Diff view

 Diff view


1 change: 0 additions & 1 deletion
cra-rxjs-styled-components/src/App.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
import { Outlet } from 'react-router';
import Header from './components/header';
import { UserProvider } from './context/UserProvider';

function App() {
	return (
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/AuthGuard.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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();
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/Loading/LoadingBulletList.stories.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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,
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/Loading/LoadingTextLine.stories.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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,
Expand Down

2 changes: 1 addition & 1 deletion
...tailsDropdown/DetailsDropdown.stories.tsx → ...ails-dropdown/DetailsDropdown.stories.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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 {
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/details-dropdown/DetailsDropdown.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
import { FC } from 'react';
import CloseIcon from '../icons/CloseIcon';
import {
	DropdownContainer,
	Dropdown,
Expand All@@ -9,6 +8,7 @@ import {
	CloseDropdownContainer,
	CloseButton,
} from './DetailsDropdown.style';
import CloseIcon from '../icons/CloseIcon';
import type { DropdownTitle } from '../pull-request/types';

interface Props {
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/dropdown/Dropdown.stories.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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',
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/file-explorer/FileExplorer.stories.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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',
Expand Down

3 changes: 1 addition & 2 deletions
cra-rxjs-styled-components/src/components/file-explorer/FileExplorer.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -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;
Expand Down

4 changes: 2 additions & 2 deletions
cra-rxjs-styled-components/src/components/file-viewer/FileViewer.data.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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();
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/file-viewer/FileViewer.stories.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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',
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/file-viewer/FileViewer.view.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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,
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/header/Header.stories.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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',
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/issue/Issue/Issue.data.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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';

Expand Down

4 changes: 2 additions & 2 deletions
cra-rxjs-styled-components/src/components/issue/issue-tab-header/IssueTabHeader.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -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;
}
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/paginate-button/PaginateButton.style.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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;
Expand Down

1 change: 0 additions & 1 deletion
...styled-components/src/components/pull-request/pull-request-card/PullRequestCard.style.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
import styled, { css } from 'styled-components';

import colors from '../../../constants/colors';

const flex = css`
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/pull-request/pull-request-card/PullRequestCard.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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;
Expand Down

1 change: 1 addition & 0 deletions
cra-rxjs-styled-components/src/components/readme/Readme.styles.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
import styled from 'styled-components';

export const ReadmeContainer = styled.div`
	margin: 1rem 0;
	border-radius: 0.375rem;
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/repo-about/RepoAbout.stories.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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',
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/repo-about/RepoAbout.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
import { LinkIcon, ReadmeBookIcon } from '../icons/index';
import { LoadingTextLine } from '../Loading';
import { LinkIcon, ReadmeBookIcon } from '../icons/index';
import {
	AboutContainer,
	Header,
Expand Down

4 changes: 2 additions & 2 deletions
cra-rxjs-styled-components/src/components/repo-card/RepoCard.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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,
Expand Down

4 changes: 3 additions & 1 deletion
cra-rxjs-styled-components/src/components/repo-issues/Issues/Issues.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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;
};
Expand Down

3 changes: 2 additions & 1 deletion
cra-rxjs-styled-components/src/components/repo-issues/Issues/Issues.view.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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[];
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/repo-issues/issue-card/IssueCard.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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';
Expand Down

6 changes: 3 additions & 3 deletions
cra-rxjs-styled-components/src/components/repo-issues/issue-tab-header/IssueTabHeader.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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 {
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/repo-meta/MetaIcon.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
import { ReactNode } from 'react';
import { SocialCount, TextSpan } from './RepoMeta.styles';
import { ReactNode } from 'react';

interface MetaIconProps {
	text: number | string;
Expand Down

5 changes: 3 additions & 2 deletions
cra-rxjs-styled-components/src/components/repo-meta/RepoMeta.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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;
Expand Down

10 changes: 5 additions & 5 deletions
cra-rxjs-styled-components/src/components/repo-page/RepoPage.data.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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;
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/user-profile/OrgList.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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[];
Expand Down

12 changes: 6 additions & 6 deletions
cra-rxjs-styled-components/src/components/user-profile/UserProfile.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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,
Expand All@@ -19,6 +15,10 @@ import {
	LinkIconStyles,
	UserProfileContainer,
} from './UserProfile.styles';
import {
	OfficeBuilding,
	LocationMarker,
} from '@styled-icons/heroicons-outline';

function UserProfileView() {
	const context = useUser();
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/user-repos/UserRepos.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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);
Expand Down

3 changes: 1 addition & 2 deletions
cra-rxjs-styled-components/src/context/RepoContext.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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;
Expand Down

4 changes: 2 additions & 2 deletions
cra-rxjs-styled-components/src/context/UserProvider.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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 {
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/hooks/auth/from-fetch-with-auth.ts

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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>;
Expand Down

7 changes: 4 additions & 3 deletions
cra-rxjs-styled-components/src/hooks/auth/use-set-token.ts

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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();
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/hooks/auth/use-sign-in.ts

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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) => {
Expand Down

5 changes: 3 additions & 2 deletions
cra-rxjs-styled-components/src/hooks/auth/use-sign-out.ts

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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>(), []);
Expand Down
Loading

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Strip utm_, fbclid, gclid, etc. from all links on page\n(function() {\n var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content',\n 'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid',\n 'ref', 'ref_src', 'source', 'medium', 'campaign'];\n \n function cleanUrl(url) {\n try {\n var u = new URL(url, window.location.origin);\n var changed = false;\n trackingParams.forEach(function(p) {\n if (u.searchParams.has(p)) {\n u.searchParams.delete(p);\n changed = true;\n }\n });\n return changed ? u.toString() : url;\n } catch (e) {\n return url;\n }\n }\n \n function cleanLinks() {\n document.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n \n cleanLinks();\n \n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1) {\n if (node.tagName === 'A') cleanLinks();\n node.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Remove Tracking Parameters from Links");
}
} catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); }
})();
(function(){
try {
var __m = "youtube.com";
var __re = new RegExp('^' + "youtube\\.com" + '

Skip to content
[CRA-RxJs-SC] Improve files order#658

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

 Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and
privacy statement. We’ll occasionally send you account related emails.

Already on GitHub?
Sign in
to your account

 Open

vyktoremario
wants to merge
2
commits into

base:main
Choose a base branch

from

 Open


[CRA-RxJs-SC] Improve files order
#658
Show file tree
Hide file tree
 Changes from all commits
Commits

Show all changes


2 commits


Select commit
Hold shift + click to select a range
cb770aa

init draft


vyktoremario Sep 29, 2022
aa8439d

re-ordering file import


vyktoremario Sep 30, 2022

File filter

Filter by extension
Filter by extension
Conversations

Failed to load comments. 
Loading
Jump to

Jump to file


Failed to load files. 
Loading
 Diff view

 Diff view


1 change: 0 additions & 1 deletion
cra-rxjs-styled-components/src/App.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
import { Outlet } from 'react-router';
import Header from './components/header';
import { UserProvider } from './context/UserProvider';

function App() {
	return (
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/AuthGuard.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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();
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/Loading/LoadingBulletList.stories.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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,
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/Loading/LoadingTextLine.stories.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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,
Expand Down

2 changes: 1 addition & 1 deletion
...tailsDropdown/DetailsDropdown.stories.tsx → ...ails-dropdown/DetailsDropdown.stories.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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 {
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/details-dropdown/DetailsDropdown.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
import { FC } from 'react';
import CloseIcon from '../icons/CloseIcon';
import {
	DropdownContainer,
	Dropdown,
Expand All@@ -9,6 +8,7 @@ import {
	CloseDropdownContainer,
	CloseButton,
} from './DetailsDropdown.style';
import CloseIcon from '../icons/CloseIcon';
import type { DropdownTitle } from '../pull-request/types';

interface Props {
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/dropdown/Dropdown.stories.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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',
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/file-explorer/FileExplorer.stories.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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',
Expand Down

3 changes: 1 addition & 2 deletions
cra-rxjs-styled-components/src/components/file-explorer/FileExplorer.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -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;
Expand Down

4 changes: 2 additions & 2 deletions
cra-rxjs-styled-components/src/components/file-viewer/FileViewer.data.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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();
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/file-viewer/FileViewer.stories.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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',
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/file-viewer/FileViewer.view.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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,
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/header/Header.stories.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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',
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/issue/Issue/Issue.data.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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';

Expand Down

4 changes: 2 additions & 2 deletions
cra-rxjs-styled-components/src/components/issue/issue-tab-header/IssueTabHeader.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -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;
}
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/paginate-button/PaginateButton.style.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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;
Expand Down

1 change: 0 additions & 1 deletion
...styled-components/src/components/pull-request/pull-request-card/PullRequestCard.style.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
import styled, { css } from 'styled-components';

import colors from '../../../constants/colors';

const flex = css`
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/pull-request/pull-request-card/PullRequestCard.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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;
Expand Down

1 change: 1 addition & 0 deletions
cra-rxjs-styled-components/src/components/readme/Readme.styles.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
import styled from 'styled-components';

export const ReadmeContainer = styled.div`
	margin: 1rem 0;
	border-radius: 0.375rem;
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/repo-about/RepoAbout.stories.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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',
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/repo-about/RepoAbout.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
import { LinkIcon, ReadmeBookIcon } from '../icons/index';
import { LoadingTextLine } from '../Loading';
import { LinkIcon, ReadmeBookIcon } from '../icons/index';
import {
	AboutContainer,
	Header,
Expand Down

4 changes: 2 additions & 2 deletions
cra-rxjs-styled-components/src/components/repo-card/RepoCard.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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,
Expand Down

4 changes: 3 additions & 1 deletion
cra-rxjs-styled-components/src/components/repo-issues/Issues/Issues.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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;
};
Expand Down

3 changes: 2 additions & 1 deletion
cra-rxjs-styled-components/src/components/repo-issues/Issues/Issues.view.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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[];
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/repo-issues/issue-card/IssueCard.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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';
Expand Down

6 changes: 3 additions & 3 deletions
cra-rxjs-styled-components/src/components/repo-issues/issue-tab-header/IssueTabHeader.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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 {
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/repo-meta/MetaIcon.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
import { ReactNode } from 'react';
import { SocialCount, TextSpan } from './RepoMeta.styles';
import { ReactNode } from 'react';

interface MetaIconProps {
	text: number | string;
Expand Down

5 changes: 3 additions & 2 deletions
cra-rxjs-styled-components/src/components/repo-meta/RepoMeta.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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;
Expand Down

10 changes: 5 additions & 5 deletions
cra-rxjs-styled-components/src/components/repo-page/RepoPage.data.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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;
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/user-profile/OrgList.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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[];
Expand Down

12 changes: 6 additions & 6 deletions
cra-rxjs-styled-components/src/components/user-profile/UserProfile.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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,
Expand All@@ -19,6 +15,10 @@ import {
	LinkIconStyles,
	UserProfileContainer,
} from './UserProfile.styles';
import {
	OfficeBuilding,
	LocationMarker,
} from '@styled-icons/heroicons-outline';

function UserProfileView() {
	const context = useUser();
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/user-repos/UserRepos.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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);
Expand Down

3 changes: 1 addition & 2 deletions
cra-rxjs-styled-components/src/context/RepoContext.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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;
Expand Down

4 changes: 2 additions & 2 deletions
cra-rxjs-styled-components/src/context/UserProvider.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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 {
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/hooks/auth/from-fetch-with-auth.ts

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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>;
Expand Down

7 changes: 4 additions & 3 deletions
cra-rxjs-styled-components/src/hooks/auth/use-set-token.ts

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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();
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/hooks/auth/use-sign-in.ts

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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) => {
Expand Down

5 changes: 3 additions & 2 deletions
cra-rxjs-styled-components/src/hooks/auth/use-sign-out.ts

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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>(), []);
Expand Down
Loading

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Auto-enable theater mode on YouTube\n(function() {\n function tryTheater() {\n var btn = document.querySelector('button[aria-label=\"Theater mode\"], ytd-player #player button[title=\"Theater mode\"]');\n if (btn && !btn.classList.contains('activated')) {\n btn.click();\n }\n }\n \n // Try immediately\n tryTheater();\n \n // Try after navigation (SPA)\n var lastUrl = location.href;\n setInterval(function() {\n if (location.href !== lastUrl) {\n lastUrl = location.href;\n setTimeout(tryTheater, 500);\n }\n }, 1000);\n \n // Also try on player load\n var observer = new MutationObserver(tryTheater);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "YouTube Theater Mode Default");
}
} catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
[CRA-RxJs-SC] Improve files order#658

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

 Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and
privacy statement. We’ll occasionally send you account related emails.

Already on GitHub?
Sign in
to your account

 Open

vyktoremario
wants to merge
2
commits into

base:main
Choose a base branch

from

 Open


[CRA-RxJs-SC] Improve files order
#658
Show file tree
Hide file tree
 Changes from all commits
Commits

Show all changes


2 commits


Select commit
Hold shift + click to select a range
cb770aa

init draft


vyktoremario Sep 29, 2022
aa8439d

re-ordering file import


vyktoremario Sep 30, 2022

File filter

Filter by extension
Filter by extension
Conversations

Failed to load comments. 
Loading
Jump to

Jump to file


Failed to load files. 
Loading
 Diff view

 Diff view


1 change: 0 additions & 1 deletion
cra-rxjs-styled-components/src/App.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
import { Outlet } from 'react-router';
import Header from './components/header';
import { UserProvider } from './context/UserProvider';

function App() {
	return (
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/AuthGuard.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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();
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/Loading/LoadingBulletList.stories.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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,
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/Loading/LoadingTextLine.stories.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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,
Expand Down

2 changes: 1 addition & 1 deletion
...tailsDropdown/DetailsDropdown.stories.tsx → ...ails-dropdown/DetailsDropdown.stories.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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 {
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/details-dropdown/DetailsDropdown.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
import { FC } from 'react';
import CloseIcon from '../icons/CloseIcon';
import {
	DropdownContainer,
	Dropdown,
Expand All@@ -9,6 +8,7 @@ import {
	CloseDropdownContainer,
	CloseButton,
} from './DetailsDropdown.style';
import CloseIcon from '../icons/CloseIcon';
import type { DropdownTitle } from '../pull-request/types';

interface Props {
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/dropdown/Dropdown.stories.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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',
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/file-explorer/FileExplorer.stories.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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',
Expand Down

3 changes: 1 addition & 2 deletions
cra-rxjs-styled-components/src/components/file-explorer/FileExplorer.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -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;
Expand Down

4 changes: 2 additions & 2 deletions
cra-rxjs-styled-components/src/components/file-viewer/FileViewer.data.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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();
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/file-viewer/FileViewer.stories.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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',
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/file-viewer/FileViewer.view.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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,
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/header/Header.stories.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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',
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/issue/Issue/Issue.data.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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';

Expand Down

4 changes: 2 additions & 2 deletions
cra-rxjs-styled-components/src/components/issue/issue-tab-header/IssueTabHeader.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -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;
}
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/paginate-button/PaginateButton.style.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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;
Expand Down

1 change: 0 additions & 1 deletion
...styled-components/src/components/pull-request/pull-request-card/PullRequestCard.style.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
import styled, { css } from 'styled-components';

import colors from '../../../constants/colors';

const flex = css`
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/pull-request/pull-request-card/PullRequestCard.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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;
Expand Down

1 change: 1 addition & 0 deletions
cra-rxjs-styled-components/src/components/readme/Readme.styles.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
import styled from 'styled-components';

export const ReadmeContainer = styled.div`
	margin: 1rem 0;
	border-radius: 0.375rem;
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/repo-about/RepoAbout.stories.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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',
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/repo-about/RepoAbout.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
import { LinkIcon, ReadmeBookIcon } from '../icons/index';
import { LoadingTextLine } from '../Loading';
import { LinkIcon, ReadmeBookIcon } from '../icons/index';
import {
	AboutContainer,
	Header,
Expand Down

4 changes: 2 additions & 2 deletions
cra-rxjs-styled-components/src/components/repo-card/RepoCard.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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,
Expand Down

4 changes: 3 additions & 1 deletion
cra-rxjs-styled-components/src/components/repo-issues/Issues/Issues.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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;
};
Expand Down

3 changes: 2 additions & 1 deletion
cra-rxjs-styled-components/src/components/repo-issues/Issues/Issues.view.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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[];
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/repo-issues/issue-card/IssueCard.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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';
Expand Down

6 changes: 3 additions & 3 deletions
cra-rxjs-styled-components/src/components/repo-issues/issue-tab-header/IssueTabHeader.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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 {
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/repo-meta/MetaIcon.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
import { ReactNode } from 'react';
import { SocialCount, TextSpan } from './RepoMeta.styles';
import { ReactNode } from 'react';

interface MetaIconProps {
	text: number | string;
Expand Down

5 changes: 3 additions & 2 deletions
cra-rxjs-styled-components/src/components/repo-meta/RepoMeta.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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;
Expand Down

10 changes: 5 additions & 5 deletions
cra-rxjs-styled-components/src/components/repo-page/RepoPage.data.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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;
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/user-profile/OrgList.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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[];
Expand Down

12 changes: 6 additions & 6 deletions
cra-rxjs-styled-components/src/components/user-profile/UserProfile.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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,
Expand All@@ -19,6 +15,10 @@ import {
	LinkIconStyles,
	UserProfileContainer,
} from './UserProfile.styles';
import {
	OfficeBuilding,
	LocationMarker,
} from '@styled-icons/heroicons-outline';

function UserProfileView() {
	const context = useUser();
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/user-repos/UserRepos.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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);
Expand Down

3 changes: 1 addition & 2 deletions
cra-rxjs-styled-components/src/context/RepoContext.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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;
Expand Down

4 changes: 2 additions & 2 deletions
cra-rxjs-styled-components/src/context/UserProvider.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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 {
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/hooks/auth/from-fetch-with-auth.ts

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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>;
Expand Down

7 changes: 4 additions & 3 deletions
cra-rxjs-styled-components/src/hooks/auth/use-set-token.ts

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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();
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/hooks/auth/use-sign-in.ts

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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) => {
Expand Down

5 changes: 3 additions & 2 deletions
cra-rxjs-styled-components/src/hooks/auth/use-sign-out.ts

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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>(), []);
Expand Down
Loading

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Remove or un-stick sticky/fixed headers that block content\n(function() {\n function unstick() {\n document.querySelectorAll('header, nav, [role=\"banner\"], .header, .navbar, .sticky, .fixed-top, [style*=\"position: fixed\"], [style*=\"position:sticky\"]').forEach(function(el) {\n if (el.style.position === 'fixed' || el.style.position === 'sticky' || \n getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') {\n el.style.position = 'static';\n el.style.top = 'auto';\n el.style.zIndex = 'auto';\n }\n });\n }\n \n unstick();\n \n var observer = new MutationObserver(unstick);\n observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });\n})();", "Kill Sticky Headers");
}
} catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
[CRA-RxJs-SC] Improve files order#658

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

 Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and
privacy statement. We’ll occasionally send you account related emails.

Already on GitHub?
Sign in
to your account

 Open

vyktoremario
wants to merge
2
commits into

base:main
Choose a base branch

from

 Open


[CRA-RxJs-SC] Improve files order
#658
Show file tree
Hide file tree
 Changes from all commits
Commits

Show all changes


2 commits


Select commit
Hold shift + click to select a range
cb770aa

init draft


vyktoremario Sep 29, 2022
aa8439d

re-ordering file import


vyktoremario Sep 30, 2022

File filter

Filter by extension
Filter by extension
Conversations

Failed to load comments. 
Loading
Jump to

Jump to file


Failed to load files. 
Loading
 Diff view

 Diff view


1 change: 0 additions & 1 deletion
cra-rxjs-styled-components/src/App.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
import { Outlet } from 'react-router';
import Header from './components/header';
import { UserProvider } from './context/UserProvider';

function App() {
	return (
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/AuthGuard.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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();
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/Loading/LoadingBulletList.stories.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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,
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/Loading/LoadingTextLine.stories.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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,
Expand Down

2 changes: 1 addition & 1 deletion
...tailsDropdown/DetailsDropdown.stories.tsx → ...ails-dropdown/DetailsDropdown.stories.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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 {
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/details-dropdown/DetailsDropdown.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
import { FC } from 'react';
import CloseIcon from '../icons/CloseIcon';
import {
	DropdownContainer,
	Dropdown,
Expand All@@ -9,6 +8,7 @@ import {
	CloseDropdownContainer,
	CloseButton,
} from './DetailsDropdown.style';
import CloseIcon from '../icons/CloseIcon';
import type { DropdownTitle } from '../pull-request/types';

interface Props {
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/dropdown/Dropdown.stories.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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',
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/file-explorer/FileExplorer.stories.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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',
Expand Down

3 changes: 1 addition & 2 deletions
cra-rxjs-styled-components/src/components/file-explorer/FileExplorer.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -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;
Expand Down

4 changes: 2 additions & 2 deletions
cra-rxjs-styled-components/src/components/file-viewer/FileViewer.data.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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();
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/file-viewer/FileViewer.stories.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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',
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/file-viewer/FileViewer.view.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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,
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/header/Header.stories.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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',
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/issue/Issue/Issue.data.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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';

Expand Down

4 changes: 2 additions & 2 deletions
cra-rxjs-styled-components/src/components/issue/issue-tab-header/IssueTabHeader.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -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;
}
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/paginate-button/PaginateButton.style.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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;
Expand Down

1 change: 0 additions & 1 deletion
...styled-components/src/components/pull-request/pull-request-card/PullRequestCard.style.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
import styled, { css } from 'styled-components';

import colors from '../../../constants/colors';

const flex = css`
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/pull-request/pull-request-card/PullRequestCard.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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;
Expand Down

1 change: 1 addition & 0 deletions
cra-rxjs-styled-components/src/components/readme/Readme.styles.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
import styled from 'styled-components';

export const ReadmeContainer = styled.div`
	margin: 1rem 0;
	border-radius: 0.375rem;
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/repo-about/RepoAbout.stories.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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',
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/repo-about/RepoAbout.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
import { LinkIcon, ReadmeBookIcon } from '../icons/index';
import { LoadingTextLine } from '../Loading';
import { LinkIcon, ReadmeBookIcon } from '../icons/index';
import {
	AboutContainer,
	Header,
Expand Down

4 changes: 2 additions & 2 deletions
cra-rxjs-styled-components/src/components/repo-card/RepoCard.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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,
Expand Down

4 changes: 3 additions & 1 deletion
cra-rxjs-styled-components/src/components/repo-issues/Issues/Issues.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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;
};
Expand Down

3 changes: 2 additions & 1 deletion
cra-rxjs-styled-components/src/components/repo-issues/Issues/Issues.view.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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[];
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/repo-issues/issue-card/IssueCard.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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';
Expand Down

6 changes: 3 additions & 3 deletions
cra-rxjs-styled-components/src/components/repo-issues/issue-tab-header/IssueTabHeader.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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 {
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/repo-meta/MetaIcon.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
import { ReactNode } from 'react';
import { SocialCount, TextSpan } from './RepoMeta.styles';
import { ReactNode } from 'react';

interface MetaIconProps {
	text: number | string;
Expand Down

5 changes: 3 additions & 2 deletions
cra-rxjs-styled-components/src/components/repo-meta/RepoMeta.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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;
Expand Down

10 changes: 5 additions & 5 deletions
cra-rxjs-styled-components/src/components/repo-page/RepoPage.data.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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;
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/user-profile/OrgList.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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[];
Expand Down

12 changes: 6 additions & 6 deletions
cra-rxjs-styled-components/src/components/user-profile/UserProfile.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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,
Expand All@@ -19,6 +15,10 @@ import {
	LinkIconStyles,
	UserProfileContainer,
} from './UserProfile.styles';
import {
	OfficeBuilding,
	LocationMarker,
} from '@styled-icons/heroicons-outline';

function UserProfileView() {
	const context = useUser();
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/user-repos/UserRepos.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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);
Expand Down

3 changes: 1 addition & 2 deletions
cra-rxjs-styled-components/src/context/RepoContext.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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;
Expand Down

4 changes: 2 additions & 2 deletions
cra-rxjs-styled-components/src/context/UserProvider.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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 {
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/hooks/auth/from-fetch-with-auth.ts

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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>;
Expand Down

7 changes: 4 additions & 3 deletions
cra-rxjs-styled-components/src/hooks/auth/use-set-token.ts

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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();
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/hooks/auth/use-sign-in.ts

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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) => {
Expand Down

5 changes: 3 additions & 2 deletions
cra-rxjs-styled-components/src/hooks/auth/use-sign-out.ts

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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>(), []);
Expand Down
Loading

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Universal Dark Mode - works on any site\n(function() {\n var enabled = true;\n \n function applyDarkMode() {\n if (!enabled) return;\n \n // Create style element if it doesn't exist\n var style = document.getElementById('universal-dark-mode-style');\n if (!style) {\n style = document.createElement('style');\n style.id = 'universal-dark-mode-style';\n document.head.appendChild(style);\n }\n \n // Dark mode CSS - inverts colors but preserves images/video\n style.textContent = '\n /* Invert everything except media */\n html {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #1a1a2e !important;\n }\n \n /* Restore images, videos, iframes, canvas */\n img, video, iframe, canvas, svg, picture, [style*=\"background-image\"] {\n filter: invert(1) hue-rotate(180deg) !important;\n }\n \n /* Preserve specific elements that should not be inverted */\n .no-dark-mode, .no-dark-mode *,\n [data-theme=\"light\"], [data-theme=\"light\"],\n .ace_editor, .ace_editor *,\n .CodeMirror, .CodeMirror *,\n .monaco-editor, .monaco-editor *,\n .markdown-body pre, .markdown-body pre *,\n .highlight, .highlight *,\n pre code, pre code * {\n filter: none !important;\n }\n \n /* Fix common UI elements */\n .modal, .popup, .dropdown-menu, .tooltip, .popover {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #2d2d44 !important;\n border-color: #444 !important;\n }\n \n /* Scrollbars */\n ::-webkit-scrollbar { background: #1a1a2e !important; }\n ::-webkit-scrollbar-thumb { background: #444 !important; }\n ::-webkit-scrollbar-thumb:hover { background: #555 !important; }\n \n /* Selection */\n ::selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ::-moz-selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ';\n }\n \n function removeDarkMode() {\n var style = document.getElementById('universal-dark-mode-style');\n if (style) style.remove();\n }\n \n // Toggle with Alt+Shift+D\n document.addEventListener('keydown', function(e) {\n if (e.altKey && e.shiftKey && e.key === 'D') {\n e.preventDefault();\n enabled = !enabled;\n if (enabled) {\n applyDarkMode();\n console.log('[Universal Dark Mode] Enabled');\n } else {\n removeDarkMode();\n console.log('[Universal Dark Mode] Disabled');\n }\n }\n });\n \n // Apply on load\n applyDarkMode();\n \n // Re-apply on dynamic content\n var observer = new MutationObserver(function(mutations) {\n if (enabled && !document.getElementById('universal-dark-mode-style')) {\n applyDarkMode();\n }\n });\n observer.observe(document.head, { childList: true });\n \n console.log('[Universal Dark Mode] Loaded - Press Alt+Shift+D to toggle');\n})();", "Universal Dark Mode");
}
} catch(__e) { console.warn('[Userscript:Universal Dark Mode]', __e); }
})();
})();

Skip to content
[CRA-RxJs-SC] Improve files order#658

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

 Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and
privacy statement. We’ll occasionally send you account related emails.

Already on GitHub?
Sign in
to your account

 Open

vyktoremario
wants to merge
2
commits into

base:main
Choose a base branch

from

 Open


[CRA-RxJs-SC] Improve files order
#658
Show file tree
Hide file tree
 Changes from all commits
Commits

Show all changes


2 commits


Select commit
Hold shift + click to select a range
cb770aa

init draft


vyktoremario Sep 29, 2022
aa8439d

re-ordering file import


vyktoremario Sep 30, 2022

File filter

Filter by extension
Filter by extension
Conversations

Failed to load comments. 
Loading
Jump to

Jump to file


Failed to load files. 
Loading
 Diff view

 Diff view


1 change: 0 additions & 1 deletion
cra-rxjs-styled-components/src/App.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
import { Outlet } from 'react-router';
import Header from './components/header';
import { UserProvider } from './context/UserProvider';

function App() {
	return (
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/AuthGuard.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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();
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/Loading/LoadingBulletList.stories.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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,
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/Loading/LoadingTextLine.stories.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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,
Expand Down

2 changes: 1 addition & 1 deletion
...tailsDropdown/DetailsDropdown.stories.tsx → ...ails-dropdown/DetailsDropdown.stories.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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 {
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/details-dropdown/DetailsDropdown.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
import { FC } from 'react';
import CloseIcon from '../icons/CloseIcon';
import {
	DropdownContainer,
	Dropdown,
Expand All@@ -9,6 +8,7 @@ import {
	CloseDropdownContainer,
	CloseButton,
} from './DetailsDropdown.style';
import CloseIcon from '../icons/CloseIcon';
import type { DropdownTitle } from '../pull-request/types';

interface Props {
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/dropdown/Dropdown.stories.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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',
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/file-explorer/FileExplorer.stories.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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',
Expand Down

3 changes: 1 addition & 2 deletions
cra-rxjs-styled-components/src/components/file-explorer/FileExplorer.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -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;
Expand Down

4 changes: 2 additions & 2 deletions
cra-rxjs-styled-components/src/components/file-viewer/FileViewer.data.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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();
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/file-viewer/FileViewer.stories.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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',
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/file-viewer/FileViewer.view.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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,
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/header/Header.stories.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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',
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/issue/Issue/Issue.data.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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';

Expand Down

4 changes: 2 additions & 2 deletions
cra-rxjs-styled-components/src/components/issue/issue-tab-header/IssueTabHeader.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -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;
}
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/paginate-button/PaginateButton.style.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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;
Expand Down

1 change: 0 additions & 1 deletion
...styled-components/src/components/pull-request/pull-request-card/PullRequestCard.style.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
import styled, { css } from 'styled-components';

import colors from '../../../constants/colors';

const flex = css`
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/pull-request/pull-request-card/PullRequestCard.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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;
Expand Down

1 change: 1 addition & 0 deletions
cra-rxjs-styled-components/src/components/readme/Readme.styles.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
import styled from 'styled-components';

export const ReadmeContainer = styled.div`
	margin: 1rem 0;
	border-radius: 0.375rem;
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/repo-about/RepoAbout.stories.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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',
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/repo-about/RepoAbout.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
import { LinkIcon, ReadmeBookIcon } from '../icons/index';
import { LoadingTextLine } from '../Loading';
import { LinkIcon, ReadmeBookIcon } from '../icons/index';
import {
	AboutContainer,
	Header,
Expand Down

4 changes: 2 additions & 2 deletions
cra-rxjs-styled-components/src/components/repo-card/RepoCard.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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,
Expand Down

4 changes: 3 additions & 1 deletion
cra-rxjs-styled-components/src/components/repo-issues/Issues/Issues.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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;
};
Expand Down

3 changes: 2 additions & 1 deletion
cra-rxjs-styled-components/src/components/repo-issues/Issues/Issues.view.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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[];
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/repo-issues/issue-card/IssueCard.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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';
Expand Down

6 changes: 3 additions & 3 deletions
cra-rxjs-styled-components/src/components/repo-issues/issue-tab-header/IssueTabHeader.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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 {
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/repo-meta/MetaIcon.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
import { ReactNode } from 'react';
import { SocialCount, TextSpan } from './RepoMeta.styles';
import { ReactNode } from 'react';

interface MetaIconProps {
	text: number | string;
Expand Down

5 changes: 3 additions & 2 deletions
cra-rxjs-styled-components/src/components/repo-meta/RepoMeta.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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;
Expand Down

10 changes: 5 additions & 5 deletions
cra-rxjs-styled-components/src/components/repo-page/RepoPage.data.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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;
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/user-profile/OrgList.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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[];
Expand Down

12 changes: 6 additions & 6 deletions
cra-rxjs-styled-components/src/components/user-profile/UserProfile.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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,
Expand All@@ -19,6 +15,10 @@ import {
	LinkIconStyles,
	UserProfileContainer,
} from './UserProfile.styles';
import {
	OfficeBuilding,
	LocationMarker,
} from '@styled-icons/heroicons-outline';

function UserProfileView() {
	const context = useUser();
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/components/user-repos/UserRepos.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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);
Expand Down

3 changes: 1 addition & 2 deletions
cra-rxjs-styled-components/src/context/RepoContext.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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;
Expand Down

4 changes: 2 additions & 2 deletions
cra-rxjs-styled-components/src/context/UserProvider.tsx

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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 {
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/hooks/auth/from-fetch-with-auth.ts

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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>;
Expand Down

7 changes: 4 additions & 3 deletions
cra-rxjs-styled-components/src/hooks/auth/use-set-token.ts

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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();
Expand Down

2 changes: 1 addition & 1 deletion
cra-rxjs-styled-components/src/hooks/auth/use-sign-in.ts

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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) => {
Expand Down

5 changes: 3 additions & 2 deletions
cra-rxjs-styled-components/src/hooks/auth/use-sign-out.ts

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -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>(), []);
Expand Down
Loading