@coders-tokyo/app-wrapper - npm Package Compare versions

Comparing version 0.1.4 to 0.1.5

dist/components/header/constants.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DEFAULT_AVATAR = 'https://firebasestorage.googleapis.com/v0/b/coders-tokyo-static.appspot.com/o/school-avatar.svg?alt=media';
+exports.DEFAULT_AVATAR = 'src="https://static.coders.tokyo/school-avatar.svg';
 //# sourceMappingURL=constants.js.map

dist/components/header/index.js

@@ -38,2 +38,3 @@ "use strict";
 var constants_1 = require("./constants");
+var navigation_2 = require("../navigation");
 /**
@@ -54,3 +55,4 @@ * "Header" display list of navigation & avatar & notification
         return (React.createElement("div", { className: "AppWrapper-left-header" },
-            React.createElement("img", { alt: messages_1.headerMessages.codersTokyo, title: messages_1.headerMessages.codersTokyo, className: "AppWrapper-logo-header", src: "https://firebasestorage.googleapis.com/v0/b/coders-tokyo-static.appspot.com/o/coders-tokyo-school-logo.svg?alt=media" }),
+            React.createElement("a", { className: "AppWrapper-logo-header-anchor ", href: navigation_2.ROUTES.home },
+                React.createElement("img", { alt: messages_1.headerMessages.codersTokyo, title: messages_1.headerMessages.codersTokyo, className: "AppWrapper-logo-header", src: "https://static.coders.tokyo/coders-tokyo-school-logo.svg" })),
             React.createElement(navigation_1.Navigation, __assign({}, this.props))));
@@ -57,0 +59,0 @@ };

dist/components/header/style.js

@@ -5,3 +5,3 @@ "use strict";
 var constants_1 = require("../../style/constants");
-exports.headerStyle = "\n  .AppWrapper-header {\n    box-sizing: border-box;\n    height: 60px;\n    width: 100%;\n    display: flex;\n    margin: 0 auto;\n    background: " + constants_1.white + ";\n    padding: 10px 15px;\n    position: fixed;\n    top: 0;\n    left: 0;\n    box-shadow: " + constants_1.shadowDepth1 + ";\n    z-index: 3;\n  }\n\n  .AppWrapper-left-header, .AppWrapper-right-header {\n    display: flex;\n    align-items: center;\n  }\n\n  .AppWrapper-right-header {\n    margin-left: auto;\n  }\n\n  .AppWrapper-user-avatar-header {\n    width: 40px;\n    height: 40px;\n    border-radius: 100%;\n    margin-right: 5px;\n  }\n\n  .AppWrapper-user-name-header {\n    display: none;\n    color: " + constants_1.gray + ";\n  }\n\n  .AppWrapper-logo-header {\n    height: 26px;\n    position: absolute;\n    left: 55px;\n  }\n\n  .AppWrapper-welcome-header {\n    display: none;\n    flex-direction: column;\n    margin-right: 12px;\n    text-align: right;\n  }\n\n  .AppWrapper-welcome-header small {\n    color: rgba(0, 0, 0, .4);\n    font-size: 12px;\n  }\n\n  .AppWrapper-welcome-header span {\n    color: rgba(50, 50, 50, .8);\n    font-size: 14px;\n  }\n\n  " + breakpoint_1.mediaBreakPointUp('medium', "\n  .AppWrapper-logo-header {\n    height: 30px;\n    position: initial;\n    margin-right: 30px;\n  }\n  ") + "\n\n  " + breakpoint_1.mediaBreakPointUp('medium', "\n  .AppWrapper-user-name-header {\n    display: block;\n  }\n  ") + "\n  \n";
+exports.headerStyle = "\n  .AppWrapper-header {\n    box-sizing: border-box;\n    height: 60px;\n    width: 100%;\n    display: flex;\n    margin: 0 auto;\n    background: " + constants_1.white + ";\n    padding: 10px 15px;\n    position: fixed;\n    top: 0;\n    left: 0;\n    box-shadow: " + constants_1.shadowDepth1 + ";\n    z-index: 3;\n  }\n\n  .AppWrapper-left-header, .AppWrapper-right-header {\n    display: flex;\n    align-items: center;\n  }\n\n  .AppWrapper-right-header {\n    margin-left: auto;\n  }\n\n  .AppWrapper-user-avatar-header {\n    width: 40px;\n    height: 40px;\n    border-radius: 100%;\n    margin-right: 5px;\n  }\n\n  .AppWrapper-user-name-header {\n    display: none;\n    color: " + constants_1.gray + ";\n  }\n\n  .AppWrapper-logo-header-anchor {\n    height: 26px;\n  }\n\n  .AppWrapper-logo-header {\n    height: 26px;\n    position: absolute;\n    left: 55px;\n  }\n\n  .AppWrapper-welcome-header {\n    display: none;\n    flex-direction: column;\n    margin-right: 12px;\n    text-align: right;\n  }\n\n  .AppWrapper-welcome-header small {\n    color: rgba(0, 0, 0, .4);\n    font-size: 12px;\n  }\n\n  .AppWrapper-welcome-header span {\n    color: rgba(50, 50, 50, .8);\n    font-size: 14px;\n  }\n\n  " + breakpoint_1.mediaBreakPointUp('medium', "\n    .AppWrapper-logo-header-anchor {\n      height: 30px;\n    }\n    .AppWrapper-logo-header {\n      height: 30px;\n      position: initial;\n      margin-right: 30px;\n    }\n  ") + "\n\n  " + breakpoint_1.mediaBreakPointUp('medium', "\n    .AppWrapper-user-name-header {\n      display: block;\n    }\n  ") + "\n  \n";
 //# sourceMappingURL=style.js.map

dist/style/index.js

 
   "use strict";
   Object.defineProperty(exports, "__esModule", { value: true });
-  exports.appWrapperStyle = ".AppWrapper-header{-webkit-box-sizing:border-box;box-sizing:border-box;height:60px;width:100%;margin:0 auto;background:#fff;padding:10px 15px;position:fixed;top:0;left:0;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.05);box-shadow:0 1px 3px rgba(0,0,0,.05);z-index:3}.AppWrapper-header,.AppWrapper-left-header,.AppWrapper-right-header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.AppWrapper-left-header,.AppWrapper-right-header{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.AppWrapper-right-header{margin-left:auto}.AppWrapper-user-avatar-header{width:40px;height:40px;border-radius:100%;margin-right:5px}.AppWrapper-user-name-header{display:none;color:#627182}.AppWrapper-logo-header{height:26px;position:absolute;left:55px}.AppWrapper-welcome-header{display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-right:12px;text-align:right}.AppWrapper-welcome-header small{color:rgba(0,0,0,.4);font-size:12px}.AppWrapper-welcome-header span{color:rgba(50,50,50,.8);font-size:14px}@media (min-width:768px){.AppWrapper-logo-header{height:30px;position:static;margin-right:30px}}@media (min-width:768px){.AppWrapper-user-name-header{display:block}}.AppWrapper-menu-wrapper{background-color:#fff}.bm-burger-button{position:fixed;width:20px;height:15px;left:15px;top:23px}.bm-burger-bars{background-color:#627182}.bm-cross-button{height:24px;width:24px}.bm-cross{background:#bdc3c7}.bm-menu-wrap{position:fixed;height:100%;top:62px;left:0}.bm-menu{background:#fff;font-size:1.15em}.bm-item-list{color:#627182}.bm-item{display:inline-block}.bm-item:focus{outline:none}.bm-overlay{left:0;top:62px}.AppWrapper-mobile-menu-item{display:block;padding:15px;text-decoration:none;color:#627182}.AppWrapper-mobile-menu-item.active{border-left:5px solid #be1313}@media (min-width:768px){.AppWrapper-mobile-menu{display:none}}.AppWrapper-desktop-menu{display:none}.AppWrapper-desktop-menu-item{color:#627182;display:inline-block;height:55px;margin-right:30px;text-decoration:none}.AppWrapper-desktop-menu-item:hover{color:#000}.AppWrapper-desktop-menu-item.active{border-bottom:5px solid #be1313}.AppWrapper-desktop-menu-item-text{line-height:55px}@media (min-width:768px){.AppWrapper-desktop-menu{display:block}}";
+  exports.appWrapperStyle = ".AppWrapper-header{-webkit-box-sizing:border-box;box-sizing:border-box;height:60px;width:100%;margin:0 auto;background:#fff;padding:10px 15px;position:fixed;top:0;left:0;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.05);box-shadow:0 1px 3px rgba(0,0,0,.05);z-index:3}.AppWrapper-header,.AppWrapper-left-header,.AppWrapper-right-header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.AppWrapper-left-header,.AppWrapper-right-header{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.AppWrapper-right-header{margin-left:auto}.AppWrapper-user-avatar-header{width:40px;height:40px;border-radius:100%;margin-right:5px}.AppWrapper-user-name-header{display:none;color:#627182}.AppWrapper-logo-header-anchor{height:26px}.AppWrapper-logo-header{height:26px;position:absolute;left:55px}.AppWrapper-welcome-header{display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-right:12px;text-align:right}.AppWrapper-welcome-header small{color:rgba(0,0,0,.4);font-size:12px}.AppWrapper-welcome-header span{color:rgba(50,50,50,.8);font-size:14px}@media (min-width:768px){.AppWrapper-logo-header-anchor{height:30px}.AppWrapper-logo-header{height:30px;position:static;margin-right:30px}}@media (min-width:768px){.AppWrapper-user-name-header{display:block}}.AppWrapper-menu-wrapper{background-color:#fff}.bm-burger-button{position:fixed;width:20px;height:15px;left:15px;top:23px}.bm-burger-bars{background-color:#627182}.bm-cross-button{height:24px;width:24px}.bm-cross{background:#bdc3c7}.bm-menu-wrap{position:fixed;height:100%;top:62px;left:0}.bm-menu{background:#fff;font-size:1.15em}.bm-item-list{color:#627182}.bm-item{display:inline-block}.bm-item:focus{outline:none}.bm-overlay{left:0;top:62px}.AppWrapper-mobile-menu-item{display:block;padding:15px;text-decoration:none;color:#627182}.AppWrapper-mobile-menu-item.active{border-left:5px solid #be1313}@media (min-width:768px){.AppWrapper-mobile-menu{display:none}}.AppWrapper-desktop-menu{display:none}.AppWrapper-desktop-menu-item{color:#627182;display:inline-block;height:55px;margin-right:30px;text-decoration:none}.AppWrapper-desktop-menu-item:hover{color:#000}.AppWrapper-desktop-menu-item.active{border-bottom:5px solid #be1313}.AppWrapper-desktop-menu-item-text{line-height:55px}@media (min-width:768px){.AppWrapper-desktop-menu{display:block}}";
   

package.json

 {
   "name": "@coders-tokyo/app-wrapper",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "main": "./dist/index.js",
@@ -5,0 +5,0 @@ "dependencies": {

src/app-wrapper/components/header/constants.ts

 export const DEFAULT_AVATAR =
-  'https://firebasestorage.googleapis.com/v0/b/coders-tokyo-static.appspot.com/o/school-avatar.svg?alt=media';
+  'src="https://static.coders.tokyo/school-avatar.svg';

src/app-wrapper/components/header/style.ts

@@ -41,2 +41,6 @@ import { mediaBreakPointUp } from '../../utils/breakpoint';
 
+  .AppWrapper-logo-header-anchor {
+    height: 26px;
+  }
+
   .AppWrapper-logo-header {
@@ -68,7 +72,10 @@ height: 26px;
     `
-  .AppWrapper-logo-header {
-    height: 30px;
-    position: initial;
-    margin-right: 30px;
-  }
+    .AppWrapper-logo-header-anchor {
+      height: 30px;
+    }
+    .AppWrapper-logo-header {
+      height: 30px;
+      position: initial;
+      margin-right: 30px;
+    }
   `
@@ -80,5 +87,5 @@ )}
     `
-  .AppWrapper-user-name-header {
-    display: block;
-  }
+    .AppWrapper-user-name-header {
+      display: block;
+    }
   `
@@ -85,0 +92,0 @@ )}

New alerts

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Fixed alerts

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

400326

increased by0.15%

Lines of code

992

increased by1.12%

No dependency changes