From b175f51a3339110e165eb2033fbd463cc0b25f5c Mon Sep 17 00:00:00 2001
From: vapao <live1989@foxmail.com>
Date: Fri, 15 May 2020 21:09:14 +0800
Subject: [PATCH] =?UTF-8?q?U=20=E4=BC=98=E5=8C=96=E5=8F=91=E5=B8=83?=
 =?UTF-8?q?=E7=94=B3=E8=AF=B7=E6=89=B9=E9=87=8F=E5=88=A0=E9=99=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 spug_web/src/components/AuthButton.js   |  2 +-
 spug_web/src/components/AuthFragment.js | 12 ++++++++++++
 spug_web/src/components/index.js        |  2 ++
 3 files changed, 15 insertions(+), 1 deletion(-)
 create mode 100644 spug_web/src/components/AuthFragment.js

diff --git a/spug_web/src/components/AuthButton.js b/spug_web/src/components/AuthButton.js
index d9d0e4d..58a678f 100644
--- a/spug_web/src/components/AuthButton.js
+++ b/spug_web/src/components/AuthButton.js
@@ -13,5 +13,5 @@ export default function AuthButton(props) {
   if (props.auth && !hasPermission(props.auth)) {
     disabled = true;
   }
-  return props.hide && disabled ? null : <Button {...props} disabled={disabled}>{props.children}</Button>
+  return <Button {...props} disabled={disabled}>{props.children}</Button>
 }
diff --git a/spug_web/src/components/AuthFragment.js b/spug_web/src/components/AuthFragment.js
new file mode 100644
index 0000000..5b582d8
--- /dev/null
+++ b/spug_web/src/components/AuthFragment.js
@@ -0,0 +1,12 @@
+/**
+ * Copyright (c) OpenSpug Organization. https://github.com/openspug/spug
+ * Copyright (c) <spug.dev@gmail.com>
+ * Released under the MIT License.
+ */
+import React from 'react';
+import { hasPermission } from "../libs";
+
+
+export default function AuthFragment(props) {
+  return hasPermission(props.auth) ? <React.Fragment>{props.children}</React.Fragment> : null
+}
diff --git a/spug_web/src/components/index.js b/spug_web/src/components/index.js
index 0e302cb..b16a3ee 100644
--- a/spug_web/src/components/index.js
+++ b/spug_web/src/components/index.js
@@ -7,6 +7,7 @@ import StatisticsCard from './StatisticsCard';
 import SearchForm from './SearchForm';
 import LinkButton from './LinkButton';
 import AuthButton from './AuthButton';
+import AuthFragment from './AuthFragment';
 import AuthLink from './AuthLink';
 import AuthCard from './AuthCard';
 import AuthDiv from './AuthDiv';
@@ -14,6 +15,7 @@ import ACEditor from './ACEditor';
 
 export {
   StatisticsCard,
+  AuthFragment,
   SearchForm,
   LinkButton,
   AuthButton,