Pinned Loading

1. App.js App.js

   1

   import React from 'react';

   2

   import { Container } from 'semantic-ui-react';

   3

   import TripSearch from './screens/TripSearch';

   4

   import TripSearchResults from './screens/TripSearchResults';

   5

2. App.js App.js

   1

   import React from 'react';

   2

   import { Container } from 'semantic-ui-react';

   3

   import { Router } from "@reach/router"

   4

   5

   import TripSearchResults from './screens/TripSearchResults';

3. TripResult.js TripResult.js

   1

   import React from 'react';

   2

   import {Card, Rating, Image} from 'semantic-ui-react';

   3

   import { useNavigate } from "@reach/router";

   4

   5

   const TripResult = (props) => {

4. String matching based on the KMP alg... String matching based on the KMP algorithm. This how `String.prototype.indexOf` is generally implemented.

   1

   // Construct a table with table[i] as the length of the longest prefix of the substring 0..i

   2

   function longestPrefix(str) {

   3

   4

     // create a table of size equal to the length of `str`

   5

     // table[i] will store the prefix of the longest prefix of the substring str[0..i]

5. App.js App.js

   1

   import React from 'react';

   2

   import { Container } from 'semantic-ui-react';

   3

   import { Router } from "@reach/router"

   4

   5

   import TripSearchResults from './screens/TripSearchResults';

6. TripSearch.js TripSearch.js

   1

   import React from 'react';

   2

   import { Header, Divider, Input, Checkbox, Button, Grid, Form, Radio } from 'semantic-ui-react';

   3

   4

   const TripSearch = () => {

   5

       return (