feat: support long OAuth buttons for providers (#106)

* Show signup preview.

* feat: support other mode,dingtalk,weibo,wechat,gitee,facebook

Signed-off-by: wasabi <690898835@qq.com>

* feat: convert svg codes into files.

Signed-off-by: wasabi <690898835@qq.com>

* feat: convert svg codes into files.

Signed-off-by: wasabi <690898835@qq.com>

Co-authored-by: Yang Luo <hsluoyz@qq.com>

web/src/auth/FacebookLoginButton.js

@@ -0,0 +1,32 @@
+// Copyright 2021 The casbin Authors. All Rights Reserved.
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+import {createButton} from "react-social-login-buttons";
+import {StaticBaseUrl} from "../Setting";
+
+function Icon({ width = 24, height = 24, color }) {
+    return <img src={`${StaticBaseUrl}/buttons/facebook.svg`} />;
+}
+
+const config = {
+    text: "Sign in with Facebook",
+    icon: Icon,
+    iconFormat: name => `fa fa-${name}`,
+    style: {background: "#3b5998"},
+    activeStyle: {background: "#2b3f65"},
+};
+
+const FacebookLoginButton = createButton(config);
+
+export default FacebookLoginButton;