refactor: migrate to theme-ui from rebass

This commit is contained in:
Abdullah Atta
2022-08-31 06:33:37 +05:00
parent 79f8b5e95e
commit d81f5dba65
865 changed files with 18115 additions and 23501 deletions

View File

@@ -1,22 +1,23 @@
/* This file is part of the Notesnook project (https://notesnook.com/)
*
* Copyright (C) 2022 Streetwriters (Private) Limited
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*/
/*
This file is part of the Notesnook project (https://notesnook.com/)
import { Flex, Text } from "@streetwriters/rebass";
Copyright (C) 2022 Streetwriters (Private) Limited
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License
along with this program. If not, see <http://www.gnu.org/licenses/>.
*/
import { Flex, Link, Text } from "@theme-ui/components";
import { appVersion } from "../../utils/version";
import Field from "../field";
import Dialog from "./dialog";
@@ -65,7 +66,6 @@ function IssueDialog(props: IssueDialogProps) {
<Flex
id="issueForm"
as="form"
flexDirection="column"
onSubmit={async (e) => {
e.preventDefault();
try {
@@ -94,6 +94,7 @@ function IssueDialog(props: IssueDialogProps) {
setIsSubmitting(false);
}
}}
sx={{ flexDirection: "column" }}
>
<Field
required
@@ -120,11 +121,10 @@ function IssueDialog(props: IssueDialogProps) {
/>
<Text
variant="error"
color="warn"
bg={"warnBg"}
mt={1}
p={1}
sx={{ borderRadius: "default" }}
sx={{ borderRadius: "default", color: "warn" }}
>
Your bug report is public. Do NOT include sensitive information
(email, passwords etc) in the issue title or description.
@@ -160,14 +160,9 @@ function showIssueReportedDialog({ url }: { url: string }) {
<>
<p>
You can track your bug report at{" "}
<Text
as="a"
target="_blank"
href={url}
sx={{ lineBreak: "anywhere" }}
>
<Link target="_blank" href={url} sx={{ lineBreak: "anywhere" }}>
{url}
</Text>
</Link>
.
</p>
<p>