Posts

Showing posts from January, 2015

reactjs - React lifecycle events cancel GSAP animation -

i'm trying use gsap react , i'm running situation animation gets cancelled. my component sidebar appears if 'show' property in state true. inside component, main functions are: shouldcomponentupdate(nextprops, nextstate) { return nextstate.show !== this.state.show; } componentwillupdate(nextprops, nextstate) { if (nextstate == true) { // animate sidebar in } else { // animate sidebar out } } togglesidebar() { const newstate = !this.state.show; this.setstate({ show: newstate }) } for reason, when click button trigger togglesidebar function, sidebar begins animate in , animates out. i have feeling because componentwillupdate returns i'm not sure. at point, i'm thinking of using transitiongroup , including gsap animation code in componentwillenter / componentwillleave lifecycle hooks can function i'm curious if there's way solve issue. one common reason togglesidebar gets called twice. happens safari browser,

javascript - Update file referenced by require -

i have file ( app.js ) imports other js file ( config.js ) via require . imported file imports other files , on. i able read data of imported file in app.js , want update values in imported file. values in config.js coming other imported files. tried update values in following way, not update them: app.js let config = require ( 'config.js' ); config.db.user = "newuser"; config.js const dbconfig = require ( './config-db' ); const assetsconfig = require ( './config-assets' ); const smtpconfig = require ( './config-smtp' ); module.exports = { db : dbconfig.db, assets : assetsconfig.assets, smtp : smtpconfig.email }; config-db.js module.exports = { db : { user : 'user', password : '******', server : 'test-db.test.com', database : 'testdb', timezone : '+02:00' } };

c# - Open groups and details in Devexpress Grid view by Name -

Image
i'm developing winform application contains devexpress gridview composed follow: hotel view (grouped location , hotel name column) availability view (is detailed view of hotel grid , contains availability selected hotel) i have data in input: location name , hotel name . when open form need expand corresponding group location , hotel name , open detail view availability hotel. in attachment can find screenshot of grid row expanded need. can me that? the code have tried following, opens location group , not hotel name , it's details. private void hotelavailabilitygridview_endgrouping(object sender, eventargs e) { focusfirstrecordingrouprow(_hotelname); } public void focusfirstrecordingrouprow(string texttofind) { int grouprow = findgrouprow(_hotelname); if (grouprow >= 0) return; hotelgridview.expandgrouprow(grouprow); hotelgridview.focusedrowhandle = hotelgridview.getchildrowhandle(grouprow, 0); } private int findgrouprow(string t

mvc5 - how to work with summernote editor in edit action in asp.net mvc 5 its working in create but not even coming in edit part -

how work summernote editor in edit action in asp.net mvc 5, working in create not coming in edit action. <b> <textarea class="m-0" name="descmarathi" id="descmarathi" data-plugin="summernote" data-options="{height: 250}" placeholder="description"></textarea> </b>

c - Relocation error -

#include <stdio.h> #define max 1000000 int dp[max]; int p[max], c[max], k[max], child[max][1000], index[max]; int mod = 1000000007; void dfs(int i) { int j = 1; while (j <= index[i]) { dfs(child[i][j]); if ((c[child[i][j]] == c[i]) && (k[i] - k[child[i][j]] == 1)) dp[i] = (dp[i] % mod + dp[child[i][j]] % mod) % mod; ++j; } } int main() { int t, n, x, i, j; scanf("%d", &t); while (t--) { scanf("%d%d", &n, &x); (i = 0; < n; ++i) index[i] = 0; (i = 1; < n; ++i) { scanf("%d", &p[i]); child[p[i]][++index[p[i]]] = i; } (i = 0; < n; ++i) scanf("%d", &c[i]); (i = 0; < n; ++i) { scanf("%d", &k[i]); if (k[i]) dp[i] = 0; else dp[i] = 1; } dfs(0);

android - Override/Upgrade application downloaded outside Google Play with new version uploaded and installed from Google Play -

currently, have downloadable apk outside of google play , thousands of users have downloaded , used it. question is: can upload same application google play (maybe same name, greater version), customers can download new version google play store override , upgrade current one, downloaded outside? yes, things make app unique signature , package name. if app in google play has same signature , same package , versioncode greater apk installed upgrade old one.

javascript - Vue js --The dependency was not found : ts-loader not compiling -

the scenario: there library generic vue js components used several projects , not using typscript. library seperate project , have seperate webpack settings. this library being consumed inside project git sub module atm , project( call main project here) using typscript , ts-loader compile js , ts . can 1 guide me wether problem because 1 project using ts , other not? module config? can access other folder , files outside of main project src directory, not components inside of library? if 1 has better way of doing the, thankful advise! /** webpack.base.conf (from main project **/ module: { { test: /\.ts$/, loader: 'ts-loader', include: [resolve('src'), resolve('test')], exclude: '/node_modules', options: { appendtssuffixto: [/\.vue$/] } } } inside of main projects component trying import 1 components library, unable ts-loader tells dependency not found /** header.vue (main p

bash - Success & Error: curl: (60) unable to get local issuer certificate -

i´m doing curl request on web application (also on bash) , recogonized following behaviour: sometimes i´m doing a curl --header "apikey: an1ceke3y" https://test.host.com/api/endpoint i following: curl: (60) ssl certificate problem: unable local issuer certificate but sometimes, second after fail request made successful request. i made little test 6 requests: 1) success 2) error 3) success 4) success 5) success 6) error shouldn´t unable local issuer certificate happens time? there way better debug issue? additional informations: api endpoint behind microsoft azure load balancer success request ( -v ) * set certificate verify locations: * cafile: none capath: /etc/ssl/certs * sslv3, tls handshake, client hello (1): * sslv3, tls handshake, server hello (2): * sslv3, tls handshake, cert (11): * sslv3, tls handshake, server key exchange (12): * sslv3, tls handshake, server finished (14): * sslv3, tls handshake, client key exchange (16): * sslv

angular - How to hide some row item in listview with angular2 nativescript -

i need remove/hide item listview if condition met: both getdata , getcategory name equal. tested in console log, first 3 items above 2 conditions equal. so based on need hide item.i tried below code.it doesn't worked me. edited: html : <gridlayout > <listview (setupitemview)="onsetupitemview($event)" [items]="allfeeditems" class="list-group"> <ng-template let-item="item" let-visible="visible"> <stacklayout [visibility]="visible ? 'visible' : 'collapsed'" class="card-view" margin="10"> <stacklayout> <stacklayout orientation="horizontal"> <image src={{item.iconname}} stretch="none" class="item-icon"></image> <label class="item-category" [text]="item.category"></label>

php - Page jumps to the top when checkbox is clicked css -

i have html page have created small looking button display instead of checkbox div label input { margin-right: 100px; } body { font-family: sans-serif; } #ck-button { margin: 4px; background-color: #efefef; border-radius: 4px; border: 1px solid #d0d0d0; overflow: auto; float: left; } #ck-button:hover { background: red; } #ck-button label { float: left; width: 4.0em; } #ck-button label span { text-align: center; padding: 3px 0px; display: block; } #ck-button label input { position: absolute; top: -20px; } #ck-button input:checked+span { background-color: #911; color: #fff; } <div id="ck-button"> <label> <input type="checkbox" value="1"><span>reject</span> </label> </div> <p>t long established fact reader distracted readable content of page when looking @ layout. point of using lorem ipsum has

javascript - Set Variable to Child Node in React -

i struggling appears simple issue. i'm working in react , trying set variable state passed. here json passed { "id": "6", "fname": "chris", "lname": "baker", "height": "6'2", "meds": [ { "medicationname": "acetaminophen", "doseage": "take 2 daily food", "numrefills": 2, "refillexp": "2017-05-31t15:38:50.02z", "firstprescribed": "2017-05-31t15:38:50.02z", "wfid": "string" } ] } i able set variables @ parent level fine example.... class app extends reactcomponent { .... render() { return ( .... <overviewpane overview={this.state.patient}/> .... ); } } then in overview pane, able set fields based on data json expected. (see below) class overviewpane extends reactcomponent {

Why is this regex allowing a caret? -

Image
http://regexr.com/3ars8 ^(?=.*[0-9])(?=.*[a-z])[0-9a-z-]{17}$ should match "17 alphanumeric chars, hyphens allowed too, must include @ least 1 letter , @ least 1 number" it'll correctly match: abcdf31u100027743 and correctly decline match: ab$df31u100027743 (and other non-alphanumeric char) but apparently allow: ab^df31u100027743 because character class [a-z] matches symbol. [a-z] matches [, \, ], ^, _, ` , english letters. actually, common mistake. should use [a-za-z] instead allow english letters. here visualization expresso, showing range [a-z] covers: so, this regex (with i option) won't capture string. ^(?=.*[0-9])(?=.*[a-z])[0-9a-z-]{17}$ in opinion, safer use ignorecase option avoid such issue , shorten regex.

spring - How can i make a welcome page with a file which has .html extension -

hello new spring, trying create welcome file called index.html put index.html file under webapp folder. web xml file <web-app id="webapp_id" version="2.4" xmlns="http://java.sun.com/xml/ns/j2ee" xmlns:xsi="http://www.w3.org/2001/xmlschema-instance" xsi:schemalocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd"> <display-name>spring4mvchelloworlddemo web application</display-name> <servlet> <servlet-name>dispatcher</servlet-name> <servlet-class> org.springframework.web.servlet.dispatcherservlet </servlet-class> <init-param> <param-name>contextconfiglocation</param-name> <param-value>/web-inf/spring-servlet.xml</param-value> </init-param> <load-on-startup>1</load-on-startup> </servlet> <servlet-mapping> <servlet-n

requirejs - cordova app crashes on startup in ios 11 beta -

i have cordova app works fine in xcode 8.3.3. trying test in ios 11 using xcode 9.0 beta , crashes on startup in assembly code last lines are: 0x110d9179b <+91>: jmp 0x110f4027c ; symbol stub for: objc_retain 0x110d917a0 <+96>: leaq 0x1ba5ad(%rip), %rax ; "*** cfretain() called null ***" 0x110d917a7 <+103>: movq %rax, 0x3b946a(%rip) ; gcrannotations + 8 -> 0x110d917ae <+110>: ud2 the crash exc_bad_instruction (code=exc_i386_invop, subcode=0x0) on last line. i tried running cordova skeleton app , works fine. i replaced index.html 1 skeleton app , didn't crash. i put alert statement in first line should called in app doesn't appear, guess app crashes before reaching it. i tried updating requirejs lastest version didn't help. i removed plugins project , still crashes, guess it's not plugin related. any ideas? apparently problem xcode 9 beta 3. solved when upgrade

linux - Python 3 asyncio: run_until_complete() blocks when waiting for ProcessPoolExecutor job done -

i'm trying combine tcp echo client , server testing automation single module using processpoolexecutor() , works expected. the issue can't finish event loop. can see debug output of last line of executor's target run_client(), looks executor still blocks. the code: import asyncio import concurrent.futures concurrent.futures import processpoolexecutor async def server_handle_echo(reader, writer): data = await reader.read(100) message = data.decode() addr = writer.get_extra_info('peername') print("received %r %r" % (message, addr)) print("send: %r" % message) writer.write(data) await writer.drain() print("close client socket") writer.close() async def echo_client_handler(message, loop): reader, writer = await asyncio.open_connection('127.0.0.1', 8888, loop=loop) print('send: %r' % message) writer.write(messag

File searching in python -

i want function takes string argument (data) , breaks string words (word). afterwards, should take files in directory, each file name , check if words present in file name or not. if present print name of file , print "do want open " if yes print "opened" , break loops. if no should continue searching. at end, should print whether file present or not in directory. here's code wrote. def file_search(data): data = data.split() root, dirs, files in os.walk("/media/", topdown=false): word_match = true opened = false if not opened: name in files: word in data: if word not in name: word_match = false if word_match: print "file found:" + name + "where path is" + root print "do want open " answer = raw_input() if answer == &quo

asp.net mvc - Getting error while using DocuSign in DotNet application -

i implementing docusign functionality in application sign pdf. following below link: https://www.docusign.com/developer-center/api-overview able add signature in pdf while using steps mentioned in above link while calling same method second time signed new pdf getting error message @ line of createenvelope() error response: { "errorcode": "unspecified_error", "message": "input string not in correct format." } it generate error while creating envelop. @ line envelopesummary envelopesummary = envelopesapi.createenvelope(accountid, envdef); below code use static string username = utility.getconfigvalue("docsignusername"); static string password = utility.getconfigvalue("docsignpassword"); static string integratorkey = utility.getconfigvalue("docsignintegratorkey"); static string baseurl = ""; public static signedpdf signdocument(userviewmodel user, stat

android - How to configure tsung to create a recording while using Fiddler application to connect a mobile device running an application to the PC? -

i using tsung recording on mobile android application uses firebase cloud service , following: uses https requests download game data firebase storage uses https requests maximind api geo-access check uses https requests mailchimp subscribing mailing list however when open xml recording empty. i used fiddler connect device pc , changed wifi settings of device port , proxy provided fiddler , used in tsung recorder command line.

php - Curl -V information display setting -

i new curl, , php needs regarding this. i tried curl -v command of few sites google, fb, wordpress.com, etc.. , in site there less information displayed. i installed wordpress site, , when tried curl -v website, shows hell lot of information, css, page codes, json, javascript thing 1 long print list generates on screen. technical details below: os: ubuntu 16.04 web server: nginx php: 7.0 application: wordpress how can setting produce curl -v out put same other site google, fb, wordpress, etc.

javascript - Angular 4 index.html won't load any script -

Image
this frustrating, i'm trying load simple script inside index.html 404. index.html <head> <meta charset="utf-8"> <title>login</title> <base href="/"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="icon" type="image/x-icon" href="favicon.ico"> </head> <body> <app-root></app-root> <script type="text/javascript" src="./app/scripts/angular-cookies.js"></script> </body> </html> this project structure this error - 404 the file there , it's not empty. tried also: <script type="text/javascript" src="../app/scripts/angular-cookies.js"> and <script type="text/javascript" src="app/scripts/angular-cookies.js"> and <script type="text/javascript" src="/app/scripts/angular-

oracle - Difference between ojdbc jar file versions -

i tried use ojdbc14.jar connect database. got following error message: ora-01017: invalid username/password; logon denied after downgraded ojdbc7-12.1.0.2.jar , error message disappeared without modification of login credentials. there big difference how these behaves , error message strange. @plaidshirt : post answers part of question, older versions of oracle doesn't maintain case sensitivity, trying connect oracle db client, right ?? if password in 9i : mypass123, 9i sees mypass123 whereas 11g take according case of characters. so, if there issue in case of password returned ora-01017 gets resolved in lower versions of it, if character case issue.

haskell - Why do cabal configure? -

in cabal user guide says cabal compared autoconf , automake since command line interface configuring , building packages follows same steps steps: ./configure --prefix=... make make install compared to cabal configure --prefix=... cabal build cabal install my understanding ./configure uses config file (produced autoconf) adapt make process environment in run , check dependencies. ./configure therefore have "input" conform to. if cabal configure not given arguments do, , why necessary before running cabal build ? the cabal configure step @ least 2 things know of: check package description parses ok. check required dependencies installed (and report error if not). basically it's running constraint solver decide packages you're going build against. (e.g., if have several versions of bytestring installed, version going use? might depend on version packages depend on expecting...) also believe it's possible supply options @ configure

http - Caching a POST response with nginx: Should I forward to the client? -

our system uses post requests preload list of assets. given same list of assets identifiers, server respond same list of asset data. since list of identifiers can long (it's multipart request containing json list), used post instead of although is idempotent. we use nginx reverse proxy in front of these server. configured work, there's "feels" wrong; return cache-control: max-age=3600 header in post responses want cached, , have nginx strip them before returning them client. the rfc 7234 says method , uri used cache key; use vary header seems limited other headers... i'm not sure how reliable browser be. "seems" if make http post response cacheable, cached "future requests", not intend. so, choices seem be: return cache-control header knowing (or hoping?) there reverse proxy in front of stripping header. return cache-control header , let go through. if can explain why it's reliable, simple (or if there's similar h

google api usage - no composer -

facts; shared server, php 5.6, linux not windows. apache. trying achieve; google login plus google analytics data retrieval; without using composer hurdle; gooogle docs tutorial doesnt work! rant; stackoverflow's 2 link policy stupid. driving me crazy. had google login on previous site, easy. come again new site , it's changed. firstly, no options install components log in google, have upload 5000 src files 99% wont used! follow ( https:// developers.google.com/analytics/devguides/reporting/core/v3/quickstart/web-php ) google's exact instrutions tee , error. "fatal error: class 'google_client' not found in..." downloaded src linked googles docs; file : google-api-php-client-2.2.0_php54.zip https://github.com/google/google-api-php-client/releases linked https://github.com/google/google-api-php-client#download-the-release extracted , uploaded in structure; home/google/ (all supplied extracted files) home/google/src/ (all supplied extracte

Changing Side Menu background and header color in Ionic2 -

Image
i new ionic 2 , unable change side menu background color , menu-header color of app. appreciated! below code snippet , desired result(image). have numbered requirements convenience. also, helpful if can implementation of drop down option(requirement no. 3). contain sub-list items. in advance! <ion-menu [content]="content"> <ion-header no-border> <ion-toolbar color = "white"> <ion-title class="titletext" style="display:inline-block" > <div style = "width : 100%; height : 100%; background-color : white"> <div style = "float:left;width:75%"> <h3>my app </h3> </div> <div style = "float:right;width:25%"> <img src = "assets/icon/reports.png" /> </div> </div> <

java - Hibernate - @SecondaryTable instead of @ManyToOne -

assume have table/class employee : @entity @table(name = "employee") public class employee { @id private string id; private string departmentid; ... public string getid() {return id;} public void setid(string id) {this.id = id;} public string getdepartmentid() {return departmentid;} public void setdepartmentid(string departmentid) {this.departmentid = departmentid;} ... } and table/class department : @entity @table(name = "department") public class department { @id private string id; private string name; ... public string getid() {return id;} public void setid(string id) {this.id = id;} public string getname() {return name;} public void setname(string name) {this.name = name;} ... } each employee belongs single department, , has single department id foreign key department's id primary key. now assume i'd start retrieving employee's department name every time re

html - Safari: White-space: nowrap makes my container gain 2px in width -

this straight forward issue has been driving me insane. want make ellipsis work on span element inside button element. the ellipsis works, see 3 dots, when apply code, button 'gains' 2 px in width , whole layout of element gone. this html struture: <button type="button"> <div> <span class="ellipsis-20">offer</span> <span class="ellipsis-20"><%= promotion.promotion_list %></span> </div> </button> my css span : .ellipsis-20 { .multilineellipsis(20px, 1); } .multilineellipsis(@lineheight: 20px, @linecount: 1) { width: 100%; line-height: @lineheight; max-height: @lineheight * @linecount; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } if remove white-space: nowrap; , width gone, don't see 3 dots. tried adding calc(100% - 2px) , got same result. know of fix, specifically, safari can point me in right direction? edit:

excel vba - Copying value from 2nd worksheet into first based on matching 1st columns -

i have 2 worksheets 1 single column common in both 1st column of both worksheets. want match columns in both sheets , matching columns ( i.e. sheet1.ax = sheet2.ax) want rows in row sheet 2 last row column of sheet 1 . using below code – dim lastcol long dim rng range dim rng2 range dim integer ‘ use cells on sheet set rng = sheets(“sheet1”).cells set rng2 = sheets(“sheet2”).cells ‘ find last column lastcol = last(2, rng) ‘ after last column data change value of cell in row 1 = 1 895 rng.parent.cells(i, lastcol + 1).value = rng2.parent.cells(i,1).value next with above code able copy first column sheet2 need copy columns sheet2 1st column in sheet2 same 1st column in sheet1 can please

android - How can I change name of the uploaded file to firebase storage? -

i have created storage reference , described file want change name of it. storage reference has no method related goal. you can change image name this: storage = firebasestorage.getinstance().getreference(); long tslong = system.currenttimemillis() / 1000; string ts = tslong.tostring(); storagereference storagereference = storage.child("image").child(ts + ".jpg");

max - VBA code to find out maximum value in a range and add 1 to the value in the other cell -

you may find question little strange need calculation worksheet. firstly, post requirement based on request share vba code. however, built poorly. i need vba code find maximum value in range (i11 i21) , taking value, have add 1 (+1) in other cell "g2". please me code this. appreciated. here go simple 1 line solution: public sub testme() range("g2") = worksheetfunction.max(range("i11:i21")) + 1 end sub or public sub testme() range("g2") = range("g2") + worksheetfunction.max(range("i11:i21")) + 1 end sub depending on want do.

javascript - Translate ternary operator into if/else statement? -

i'm still learning javascript language , ran bit of code. wondering if possibly "translate" if/else statement make easier me understand what's happening? thanks! var offsetx = (w < 0) ? w : 0; var offsety = (h < 0) ? h : 0; var offsetx, offsety; if(w<0) offsetx = w; else offsetx = 0; if(h<0) offsety = h; else offsety = 0;

c++ - Generating random number between 4 ints -

what efficient way generate random numbers between 4 ints? ex: it pick numbers 2 ranges 4 8 , 14 17.. thought picking middle number: 11 make randomizer have 2 options add between (3-5) subtract between (3-5) i waiting replies , answers pls in c++ dont use stdio.h if ranges inclusive, have (r1b-r1a+1)+(r2b-r2a+1) numbers choose from. use rand (or better random number library) pick non-negative integer (r1b-r1a+1)+(r2b-r2a+1) (exclusive), map result onto ranges. int pick = rand() % ((r1b-r1a+1)+(r2b-r2a+1)); pick += ( pick < (r1b-r1a+1) ) ? r1a : r2a; assumptions: r1b >= r1a . r2b >= r2a . supported: range 1 doesn't have before range 2. overlapping ranges. negative range endpoints.

arduino - Can the PIR sensor work without loop? -

void setmanual(){ //do turn on , off light } void setauto(){ for(;;){ digitalread(pirpin); //read data pir digitalwrite(ledpin, pirvalue); // turn on , of light follow pir's data } } my problem when call setauto() , cannot go method. have no idea this. so, can pir sensor work without loop? or how can break loop go method? you cannot go method because for(;;) is infinite loop. you can read sensor using timer, elapsed millis, in in main loop() statement perhaps delay in between. lots of ways it. entering infinite loop in separate not want program matures completion. main loop() in arduino code infinite loop , 1 should use.

excel - Change Index range by Cell value -

if put correct range somewhere on spreadsheet, ie cell name_input!b73 how can use range listed there: a78:aj118 as range replace a82:aj117 in formula =round(index('qb class'!a82:aj117,match("4010 · billing",'qb class'!f1:f38,0),match("-billing",'qb class'!1:1,0))/1000,0) so final result be: =round(index('qb class'!a78:aj118,match("4010 · billing",'qb class'!f1:f38,0),match("-billing",'qb class'!1:1,0))/1000,0) and i'd have change cell on sheet name_input change every formula referencing range. thanks guys i'm not sure if understand problem, think looking indirect function. replace 'qb class'!a78:aj118 indirect("'qb class'!" & name_input!b73)

h.264 - VLC streaming requires extreme bandwidth -

Image
i streaming 1080p video 1 computer using rtp. use following command line: .\vlc.exe -idummy -vvv "test.mp4" --sout "#rtp{mux=ts,dst=10.0.0.5,port=1234}" "vlc://quit" the bit rate of video track of source file (h.264 high profile) below 6 mbit/s, audio bit rate below 100 kbit/s (aac he). nonetheless, vlc uses 1 gbit/s streaming: additional transcoding not change notably, when bit rate specified: .\vlc.exe -idummy -vvv "test.mp4" --sout "transcode{venc=x264{preset=veryfast},vb=3000}:rtp{mux=ts,dst=10.0.0.5,port=1234}" "vlc://quit" since videos work fine (i.e., stream @ few mbit/s barely cpu load) , others don't (like 1 described above), wanted ask possible troubleshooting steps there are. -vvv not give errors, warnings or debug infos after initial buffering. the sending , receiving computer both run windows 10 64-bit , connected through gigabit ethernet switch. connection seems fine other application. test

reactjs - React Router: Render new view without page refresh -

Image
hello! i'm trying rework react-router navlink renders new page on click, instead of rendering @ bottom of div, shown in gif above. here's content of main app.js component: import react, { component } 'react'; import './app.css'; import {browserrouter router, switch, route} 'react-router-dom'; import home './home.js'; import './about.js'; import september './september.js'; import trilogy './trilogy.js'; class app extends component { render() { return ( <router> <div> <switch> <route exact path = '/' component={home} /> <route path = '/about/' component = {about} /> <route path = '/september/' component = {september} /> <route exact path = '/september/trilogy/' component = {trilogy} /> </switch> </div> </router> ); } } export default app; the home component's code, holds navbar that's used in hom