up

upbond · Mar 29, 2024 · 5edae47 · 5edae47
1 parent b8d9b22
commit 5edae47
Show file tree

Hide file tree

Showing 7 changed files with 10 additions and 21 deletions.
diff --git a/public/index.html b/public/index.html
@@ -24,7 +24,7 @@
       href="https://fonts.googleapis.com/icon?family=Material+Icons"
       rel="stylesheet"
     />
-    <title>Auth0 React Sample</title>
+    <title>Login3.0 React Sample</title>
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>

diff --git a/src/auth0-provider-with-navigate.js b/src/auth0-provider-with-navigate.js
@@ -7,7 +7,7 @@ export const Auth0ProviderWithNavigate = ({ children }) => {
 
   const domain = process.env.REACT_APP_LOGIN30_DOMAIN;
   const clientId = process.env.REACT_APP_LOGIN30_CLIENT_ID;
-  const redirectUri = process.env.REACT_APP_LOGIN30_CALLBACK_URL;
+  const redirectUri = window.location.origin;
 
   const onRedirectCallback = (appState) => {
     navigate(appState?.returnTo || window.location.pathname);

diff --git a/src/components/navigation/mobile/mobile-nav-bar-tabs.js b/src/components/navigation/mobile/mobile-nav-bar-tabs.js
@@ -9,12 +9,7 @@ export const MobileNavBarTabs = ({ handleClick }) => {
     <div className="mobile-nav-bar__tabs">
       <MobileNavBarTab
         path="/profile"
-        label="Profile"
-        handleClick={handleClick}
-      />
-      <MobileNavBarTab
-        path="/public"
-        label="Public"
+        label="プロフィール"
         handleClick={handleClick}
       />
       {isAuthenticated && (

diff --git a/src/pages/profile-page.js b/src/pages/profile-page.js
@@ -10,6 +10,7 @@ export const ProfilePage = () => {
     return null;
   }
 
+  console.log(user);
   return (
     <PageLayout>
       <div className="content-layout">
@@ -27,11 +28,6 @@ export const ProfilePage = () => {
           </p>
           <div className="profile-grid">
             <div className="profile__header">
-              <img
-                src={user.picture}
-                alt="Profile"
-                className="profile__avatar"
-              />
               <div className="profile__headline">
                 <h2 className="profile__title">{user.name}</h2>
                 <span className="profile__description">{user.email}</span>

diff --git a/src/styles/components/mobile-nav-bar.css b/src/styles/components/mobile-nav-bar.css
@@ -10,7 +10,6 @@
 
   z-index: 300;
 
-  background-color: var(--black);
 }
 
 .mobile-nav-bar {
@@ -57,7 +56,6 @@
   position: fixed;
   left: 0;
   top: 6.4rem;
-  background-color: var(--black);
 
   z-index: 300;
 }
@@ -87,10 +85,10 @@
   line-height: 16px;
 
   padding: 3.2rem 2.4rem;
-  background-color: var(--black);
+  background-color: #425BA8;
   color: var(--white);
   width: 100%;
-  box-shadow: rgb(90 95 102) 0-1.5px 0 inset;
+  box-shadow: rgb(255, 255, 255) 0-1.5px 0 inset;
 }
 
 .mobile-nav-bar__tab:last-child {
@@ -100,7 +98,7 @@
 .mobile-nav-bar__tab--active {
   text-decoration-line: underline;
   text-decoration-style: solid;
-  text-decoration-color: var(--indigo);
+  text-decoration-color: var(--white);
 
   /* responsive */
 
@@ -120,7 +118,7 @@
   display: flex;
   justify-content: center;
   padding: 3.2rem;
-  background-color: var(--black);
+  background-color: #425BA8;
 }
 
 @media only screen and (max-width: 640px) and (hover: none) {

diff --git a/src/styles/components/nav-bar.css b/src/styles/components/nav-bar.css
@@ -8,7 +8,7 @@
   box-shadow: rgb(90 95 102) 0-1.5px 0 inset;
 
   z-index: 300;
-  background-color: #6879BA;
+  background-color: #425BA8;;
 }
 
 .nav-bar {

diff --git a/src/styles/components/page-footer.css b/src/styles/components/page-footer.css
@@ -7,7 +7,7 @@
 
   margin-top: 2.4rem;
 
-  background-color: #6879BA;
+  background-color: #425BA8;
 
   color: var(--light-aluminium);
   font-weight: 500;