From 3401303556ac8903f0caa8ff14b0fc359c049c41 Mon Sep 17 00:00:00 2001
From: Mattia <32470461+Megio@users.noreply.github.com>
Date: Fri, 18 Aug 2023 17:23:05 +0200
Subject: [PATCH] tdl-1933-[cra-rxjs-sc]-feat: added no result for filters in
prs and issues page (#1940)
* fix: wip
* fix: added no result for filters in issues and prs page
---
.../empty-result/EmptyResult.styles.ts | 19 +++++++++++
.../components/empty-result/EmptyResult.tsx | 22 +++++++++++++
.../src/components/icons/IssueIcon.tsx | 21 ++++++++----
.../src/components/icons/PullRequestIcon.tsx | 16 ++++++---
.../pull-request/PullRequest.style.tsx | 5 +++
.../pull-request/PullRequest.view.tsx | 33 ++++++++++++++-----
.../repo-issues/Issues/Issues.view.styles.tsx | 5 +++
.../repo-issues/Issues/Issues.view.tsx | 27 +++++++++++----
8 files changed, 122 insertions(+), 26 deletions(-)
create mode 100644 cra-rxjs-styled-components/src/components/empty-result/EmptyResult.styles.ts
create mode 100644 cra-rxjs-styled-components/src/components/empty-result/EmptyResult.tsx
diff --git a/cra-rxjs-styled-components/src/components/empty-result/EmptyResult.styles.ts b/cra-rxjs-styled-components/src/components/empty-result/EmptyResult.styles.ts
new file mode 100644
index 000000000..3d6b54590
--- /dev/null
+++ b/cra-rxjs-styled-components/src/components/empty-result/EmptyResult.styles.ts
@@ -0,0 +1,19 @@
+import colors from '../../constants/colors';
+import styled from 'styled-components';
+
+export const Container = styled.div`
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ padding: 16px 0;
+ width: 100%;
+`;
+
+export const Header = styled.h3`
+ font-size: 24px;
+ line-height: 32px;
+ font-weight: 600;
+ color: ${colors.gray900};
+ text-align: center;
+ margin: 16px 0;
+`;
diff --git a/cra-rxjs-styled-components/src/components/empty-result/EmptyResult.tsx b/cra-rxjs-styled-components/src/components/empty-result/EmptyResult.tsx
new file mode 100644
index 000000000..736f200cf
--- /dev/null
+++ b/cra-rxjs-styled-components/src/components/empty-result/EmptyResult.tsx
@@ -0,0 +1,22 @@
+import IssueIcon from '../icons/IssueIcon';
+import PullRequestIcon from '../icons/PullRequestIcon';
+import { Container, Header } from './EmptyResult.styles';
+
+interface IssuesEmptyProps {
+ icon?: 'pr' | 'issue';
+ text: string;
+}
+const EmptyResult = ({ icon, text }: IssuesEmptyProps) => {
+ return (
+
+ {icon && icon === 'pr' ? (
+
+ ) : (
+
+ )}
+
+
+ );
+};
+
+export default EmptyResult;
diff --git a/cra-rxjs-styled-components/src/components/icons/IssueIcon.tsx b/cra-rxjs-styled-components/src/components/icons/IssueIcon.tsx
index d8846b2b3..fabf305e7 100644
--- a/cra-rxjs-styled-components/src/components/icons/IssueIcon.tsx
+++ b/cra-rxjs-styled-components/src/components/icons/IssueIcon.tsx
@@ -1,16 +1,25 @@
-export default function IssueIcon() {
+export default function IssueIcon({
+ height,
+ width,
+}: {
+ height?: number;
+ width?: number;
+}) {
return (