Skip to content
GitLab
Menu
Projects
Groups
Snippets
Loading...
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
Menu
Open sidebar
students
survey
Commits
b7de6d10
Commit
b7de6d10
authored
Dec 30, 2022
by
Jiwon Yoon
Browse files
admin/social-login
parent
ed7a837a
Changes
1
Hide whitespace changes
Inline
Side-by-side
frontend/src/admin/SideBar.tsx
View file @
b7de6d10
...
...
@@ -2,91 +2,89 @@ import React from "react";
export
const
SideBar
=
()
=>
{
return
(
<
aside
className
=
"w-48 h-screen"
aria
-
label
=
"Sidebar"
>
<
div
className
=
"py-4 h-full px-3 bg-gray-50 rounded dark:bg-gray-800"
>
<
ul
className
=
"flex flex-col items-center"
>
<
li
className
=
"text-center font-bold p-2 border-b-2"
>
ADMIN
</
li
>
<
div
className
=
"pt-2"
>
<
li
>
<
a
href
=
"#"
className
=
"flex items-center p-2 text-base text-gray-900 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700"
<
div
className
=
"py-4 h-screen px-3 bg-gray-50 rounded dark:bg-gray-800"
>
<
ul
className
=
"flex flex-col items-center"
>
<
li
className
=
"text-center font-bold p-2 border-b-2"
>
ADMIN
</
li
>
<
div
className
=
"pt-2"
>
<
li
>
<
a
href
=
"/admin"
className
=
"flex items-center p-2 text-base text-gray-900 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700"
>
<
svg
aria
-
hidden
=
"true"
className
=
"w-6 h-6 text-gray-500 transition duration-75 dark:text-gray-400 group-hover:text-gray-900 dark:group-hover:text-white"
fill
=
"currentColor"
viewBox
=
"0 0 20 20"
xmlns
=
"http://www.w3.org/2000/svg"
>
<
svg
aria
-
hidden
=
"true"
className
=
"w-6 h-6 text-gray-500 transition duration-75 dark:text-gray-400 group-hover:text-gray-900 dark:group-hover:text-white"
fill
=
"currentColor"
viewBox
=
"0 0 20 20"
xmlns
=
"http://www.w3.org/2000/svg"
>
<
path
d
=
"M2 10a8 8 0 018-8v8h8a8 8 0 11-16 0z"
></
path
>
<
path
d
=
"M12 2.252A8.014 8.014 0 0117.748 8H12V2.252z"
></
path
>
</
svg
>
<
span
className
=
"ml-1"
>
Dashboard
</
span
>
<
/
a
>
</
li
>
<
li
>
<
a
href
=
"#
"
className
=
"flex items-center p-2 text-base text-gray-900 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700
"
<
path
d
=
"M2 10a8 8 0 018-8v8h8a8 8 0 11-16 0z"
></
path
>
<
path
d
=
"M12 2.252A8.014 8.014 0 0117.748 8H12V2.252z"
></
path
>
</
svg
>
<
span
className
=
"ml-1"
>
Dashboard
</
span
>
</
a
>
</
li
>
<
li
>
<
a
href
=
"/admin/social-login"
className
=
"flex items-center p-2 text-base text-gray-900 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700"
>
<
svg
aria
-
hidden
=
"true"
className
=
"flex-shrink-0 w-6 h-6 text-gray-500 transition duration-75 dark:text-gray-400 group-hover:text-gray-900 dark:group-hover:text-white"
fill
=
"currentColor"
viewBox
=
"0 0 20 20
"
xmlns
=
"http://www.w3.org/2000/svg
"
>
<
svg
aria
-
hidden
=
"true"
className
=
"
flex-shrink-0 w-6 h-6 text-gray-500 transition duration-75 dark:text-gray-400 group-hover:text-gray-900 dark:group-hover:text-white"
fill
=
"currentColor"
viewBox
=
"0 0 20 20"
xmlns
=
"http://www.w3.org/2000/svg"
>
<
path
d
=
"M5 3a2 2 0 00-2 2v2a2 2 0 002 2h2a2 2 0 002-2V5a2 2 0 00-2-2H5zM5 11a2 2 0 00-2 2v2a2 2 0 002 2h2a2 2 0 002-2v-2a2 2 0 00-2-2H5zM11 5a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V5zM11 13a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z"
></
path
>
</
svg
>
<
span
className
=
"ml-1"
>
Social
</
span
>
<
/
a
>
</
li
>
<
li
>
<
a
href
=
"#
"
className
=
"flex items-center p-2 text-base text-gray-900 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700
"
<
path
d
=
"M5 3a2 2 0 00-2 2v2a2 2 0 002 2h2a2 2 0 002-2V5a2 2 0 00-2-2H5zM5 11a2 2 0 00-2 2v2a2 2 0 002 2h2a2 2 0 002-2v-2a2 2 0 00-2-2H5zM11 5a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V5zM11 13a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z"
></
path
>
</
svg
>
<
span
className
=
"
ml-1"
>
Social
</
span
>
</
a
>
</
li
>
<
li
>
<
a
href
=
"/admin"
className
=
"flex items-center p-2 text-base text-gray-900 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700"
>
<
svg
aria
-
hidden
=
"true"
className
=
"flex-shrink-0 w-6 h-6 text-gray-500 transition duration-75 dark:text-gray-400 group-hover:text-gray-900 dark:group-hover:text-white"
fill
=
"currentColor"
viewBox
=
"0 0 20 20
"
xmlns
=
"http://www.w3.org/2000/svg
"
>
<
svg
aria
-
hidden
=
"true
"
className
=
"flex-shrink-0 w-6 h-6 text-gray-500 transition duration-75 dark:text-gray-400 group-hover:text-gray-900 dark:group-hover:text-white
"
fill
=
"currentColor
"
viewBox
=
"0 0 20 20"
xmlns
=
"http://www.w3.org/2000
/svg
"
>
<
path
fill
-
rule
=
"evenodd"
d
=
"M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z"
clip
-
rule
=
"evenodd"
></
path
>
</
svg
>
<
span
className
=
"ml-1"
>
Users
</
span
>
<
/
a
>
</
li
>
<
li
>
<
a
href
=
"#
"
className
=
"flex items-center p-2 text-base text-gray-900 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700
"
<
path
fill
-
rule
=
"evenodd
"
d
=
"M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z
"
clip
-
rule
=
"evenodd
"
></
path
>
<
/
svg
>
<
span
className
=
"ml-1"
>
Users
</
span
>
</
a
>
</
li
>
<
li
>
<
a
href
=
"/admin"
className
=
"flex items-center p-2 text-base text-gray-900 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700"
>
<
svg
aria
-
hidden
=
"true"
className
=
"flex-shrink-0 w-6 h-6 text-gray-500 transition duration-75 dark:text-gray-400 group-hover:text-gray-900 dark:group-hover:text-white"
fill
=
"currentColor"
viewBox
=
"0 0 20 20
"
xmlns
=
"http://www.w3.org/2000/svg
"
>
<
svg
aria
-
hidden
=
"true"
className
=
"flex-shrink-0 w-6 h-6 text-gray-500 transition duration-75 dark:text-gray-400 group-hover:text-gray-900 dark:group-hover:text-white"
fill
=
"currentColor"
viewBox
=
"0 0 20 20"
xmlns
=
"http://www.w3.org/2000/svg"
>
<
path
fill
-
rule
=
"evenodd"
d
=
"M5 4a3 3 0 00-3 3v6a3 3 0 003 3h10a3 3 0 003-3V7a3 3 0 00-3-3H5zm-1 9v-1h5v2H5a1 1 0 01-1-1zm7 1h4a1 1 0 001-1v-1h-5v2zm0-4h5V8h-5v2zM9 8H4v2h5V8z"
clip
-
rule
=
"evenodd"
></
path
>
</
svg
>
<
span
className
=
"ml-1"
>
Surveys
</
span
>
</
a
>
</
li
>
</
div
>
</
ul
>
</
div
>
</
aside
>
<
path
fill
-
rule
=
"evenodd"
d
=
"M5 4a3 3 0 00-3 3v6a3 3 0 003 3h10a3 3 0 003-3V7a3 3 0 00-3-3H5zm-1 9v-1h5v2H5a1 1 0 01-1-1zm7 1h4a1 1 0 001-1v-1h-5v2zm0-4h5V8h-5v2zM9 8H4v2h5V8z"
clip
-
rule
=
"evenodd"
></
path
>
</
svg
>
<
span
className
=
"ml-1"
>
Surveys
</
span
>
</
a
>
</
li
>
</
div
>
</
ul
>
</
div
>
);
};
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment