From 5ff2f89afb71fd2976c487692ec73085241e09c7 Mon Sep 17 00:00:00 2001
From: Haishan <haishanhan@gmail.com>
Date: Sun, 6 Jun 2021 00:32:24 +0800
Subject: Stop use postcss-nested postcss-extend-rule

---
 src/components/rules/RuleProviderItem.module.css  | 33 -----------------------
 src/components/rules/RuleProviderItem.module.scss | 33 +++++++++++++++++++++++
 src/components/rules/RuleProviderItem.tsx         |  2 +-
 src/components/rules/TextFilter.tsx               | 18 -------------
 4 files changed, 34 insertions(+), 52 deletions(-)
 delete mode 100644 src/components/rules/RuleProviderItem.module.css
 create mode 100644 src/components/rules/RuleProviderItem.module.scss
 delete mode 100644 src/components/rules/TextFilter.tsx

(limited to 'src/components/rules')

diff --git a/src/components/rules/RuleProviderItem.module.css b/src/components/rules/RuleProviderItem.module.css
deleted file mode 100644
index 532ec8a..0000000
--- a/src/components/rules/RuleProviderItem.module.css
+++ /dev/null
@@ -1,33 +0,0 @@
-.RuleProviderItem {
-  display: grid;
-  grid-template-columns: 40px 1fr 46px;
-  height: 100%;
-}
-
-.left {
-  display: inline-flex;
-  align-items: center;
-  color: var(--color-text-secondary);
-  opacity: 0.4;
-}
-
-.middle {
-  display: grid;
-  grid-template-rows: 1fr auto auto;
-  align-items: center;
-}
-
-.gray {
-  color: #777;
-}
-
-.refreshButtonWrapper {
-  display: grid;
-  place-items: center;
-  opacity: 0;
-  transition: opacity 0.2s;
-}
-
-.RuleProviderItem:hover .refreshButtonWrapper {
-  opacity: 1;
-}
diff --git a/src/components/rules/RuleProviderItem.module.scss b/src/components/rules/RuleProviderItem.module.scss
new file mode 100644
index 0000000..532ec8a
--- /dev/null
+++ b/src/components/rules/RuleProviderItem.module.scss
@@ -0,0 +1,33 @@
+.RuleProviderItem {
+  display: grid;
+  grid-template-columns: 40px 1fr 46px;
+  height: 100%;
+}
+
+.left {
+  display: inline-flex;
+  align-items: center;
+  color: var(--color-text-secondary);
+  opacity: 0.4;
+}
+
+.middle {
+  display: grid;
+  grid-template-rows: 1fr auto auto;
+  align-items: center;
+}
+
+.gray {
+  color: #777;
+}
+
+.refreshButtonWrapper {
+  display: grid;
+  place-items: center;
+  opacity: 0;
+  transition: opacity 0.2s;
+}
+
+.RuleProviderItem:hover .refreshButtonWrapper {
+  opacity: 1;
+}
diff --git a/src/components/rules/RuleProviderItem.tsx b/src/components/rules/RuleProviderItem.tsx
index c92cd05..fe4610e 100644
--- a/src/components/rules/RuleProviderItem.tsx
+++ b/src/components/rules/RuleProviderItem.tsx
@@ -5,7 +5,7 @@ import { useUpdateRuleProviderItem } from 'src/components/rules/rules.hooks';
 import { SectionNameType } from 'src/components/shared/Basic';
 import { RotateIcon } from 'src/components/shared/RotateIcon';
 
-import s from './RuleProviderItem.module.css';
+import s from './RuleProviderItem.module.scss';
 
 export function RuleProviderItem({
   idx,
diff --git a/src/components/rules/TextFilter.tsx b/src/components/rules/TextFilter.tsx
deleted file mode 100644
index a3cc29e..0000000
--- a/src/components/rules/TextFilter.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import * as React from 'react';
-import { useTextInut } from 'src/hooks/useTextInput';
-import { ruleFilterText } from 'src/store/rules';
-
-import shared from '../shared.module.css';
-
-export function TextFilter() {
-  const [onChange, text] = useTextInut(ruleFilterText);
-  return (
-    <input
-      className={shared.input}
-      type="text"
-      value={text}
-      onChange={onChange}
-      placeholder="Filter"
-    />
-  );
-}
-- 
cgit v1.3.1