Intro.html 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <title> Intro</title>
  7. <script src="https://cdn.jsdelivr.net/gh/google/code-prettify@master/loader/run_prettify.js"></script>
  8. <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
  9. <script src="./build/entry.js"></script>
  10. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  11. <!--[if lt IE 9]>
  12. <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  13. <![endif]-->
  14. <link href="https://fonts.googleapis.com/css?family=Roboto:100,400,700|Inconsolata,700" rel="stylesheet">
  15. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
  16. <link type="text/css" rel="stylesheet" href="https://jmblog.github.io/color-themes-for-google-code-prettify/themes/tomorrow-night.min.css">
  17. <link type="text/css" rel="stylesheet" href="styles/app.min.css">
  18. <link type="text/css" rel="stylesheet" href="styles/iframe.css">
  19. <link type="text/css" rel="stylesheet" href="">
  20. <script async defer src="https://buttons.github.io/buttons.js"></script>
  21. </head>
  22. <body class="layout small-header">
  23. <div id="stickyNavbarOverlay"></div>
  24. <div class="top-nav">
  25. <div class="inner">
  26. <a id="hamburger" role="button" class="navbar-burger" aria-label="menu" aria-expanded="false">
  27. <span aria-hidden="true"></span>
  28. <span aria-hidden="true"></span>
  29. <span aria-hidden="true"></span>
  30. </a>
  31. <div class="logo">
  32. </div>
  33. <div class="menu">
  34. <div class="navigation">
  35. <a
  36. href="index.html"
  37. class="link"
  38. >
  39. API Documentation
  40. </a>
  41. </div>
  42. </div>
  43. </div>
  44. </div>
  45. <div id="main">
  46. <div
  47. class="sidebar "
  48. id="sidebarNav"
  49. >
  50. <nav>
  51. <h2><a href="index.html">Documentation</a></h2><div class="category"><h3>Interfaces</h3><ul><li><a href="AddLandmarkProps.html">AddLandmarkProps</a></li><li><a href="CommentProps.html">CommentProps</a></li><li><a href="IdToken.html">IdToken</a></li><li><a href="IntroProps.html">IntroProps</a></li><li><a href="Landmark.html">Landmark</a></li><li><a href="LandmarkDetailsProps.html">LandmarkDetailsProps</a></li><li><a href="LandmarkPinProps.html">LandmarkPinProps</a></li><li><a href="LMComment.html">LMComment</a></li><li><a href="ProfileProps.html">ProfileProps</a></li><li><a href="RegisterProps.html">RegisterProps</a></li><li><a href="UserProfile.html">UserProfile</a></li></ul><h3>Components</h3><ul><li><a href="App.html">App</a></li><li><a href="Atlas.html">Atlas</a></li><li><a href="Comment.html">Comment</a></li><li><a href="PrimaryButton.html">PrimaryButton</a></li><li><a href="Profile.html">Profile</a></li><li><a href="SecondaryButton.html">SecondaryButton</a></li></ul><h3>Global</h3><ul><li><a href="global.html#IconStrings">IconStrings</a></li></ul></div><div class="category"><h2>Hooks</h2><h3>Namespaces</h3><ul><li><a href="useAuth.html">useAuth</a></li><li><a href="useLandmarks.html">useLandmarks</a></li><li><a href="useProfile.html">useProfile</a></li></ul></div><div class="category"><h2>Map</h2><h3>Interfaces</h3><ul><li><a href="UserLocation.html">UserLocation</a></li></ul><h3>Components</h3><ul><li><a href="AddLandmark.html">AddLandmark</a></li><li><a href="LandmarkDetails.html">LandmarkDetails</a></li><li><a href="LandmarkPin.html">LandmarkPin</a></li><li><a href="Map.html">Map</a></li></ul></div><div class="category"><h2>Navigation</h2><h3>Components</h3><ul><li><a href="AuthorizedNavigator.html">AuthorizedNavigator</a></li><li><a href="UnauthorizedNavigator.html">UnauthorizedNavigator</a></li></ul><h3><a href="global.html">Global</a></h3></div><div class="category"><h2>Stores</h2><h3>Classes</h3><ul><li><a href="AuthStore.html">AuthStore</a></li></ul></div><div class="category"><h2>Unauthorized</h2><h3>Components</h3><ul><li><a href="Intro.html">Intro</a></li><li><a href="UnauthorizedLayout.html">UnauthorizedLayout</a></li></ul><h3>Components / Registration</h3><ul><li><a href="RegisterMain.html">RegisterMain</a></li></ul></div>
  52. </nav>
  53. </div>
  54. <div class="core" id="main-content-wrapper">
  55. <div class="content">
  56. <header class="page-title">
  57. <p>Components</p>
  58. <h1>Intro</h1>
  59. </header>
  60. <section>
  61. <header>
  62. <h2>
  63. &ltIntro /&gt
  64. </h2>
  65. </header>
  66. <article>
  67. <div class="container-overview">
  68. <div class='vertical-section'>
  69. <div class="members">
  70. <div class="member">
  71. <div class=name>
  72. <span class="tag">Constructor</span>
  73. </div>
  74. <h4 class="name" id="Intro">
  75. <a class="href-link" href="#Intro">#</a>
  76. <span class="code-name">
  77. &ltIntro /&gt
  78. </span>
  79. </h4>
  80. <div class="description">
  81. <p>The Intro screen displayed to unauthenticated users. Contains necessary methods to facilitate login and navigation to the <a href="RegisterMain.html">Registration</a> screens.</p>
  82. </div>
  83. <dl class="details">
  84. <p class="tag-source">
  85. <a href="src_components_Auth_Intro.tsx.html" class="button">View Source</a>
  86. <span>
  87. <a href="src_components_Auth_Intro.tsx.html">src/components/Auth/Intro.tsx</a>, <a href="src_components_Auth_Intro.tsx.html#line25">line 25</a>
  88. </span>
  89. </p>
  90. </dl>
  91. </div>
  92. </div>
  93. </div>
  94. </div>
  95. <div class='vertical-section'>
  96. <h1>Members</h1>
  97. <div class="members">
  98. <div class="member">
  99. <span class="method-parameter is-pulled-right">
  100. <label>Type:</label>
  101. <span class="param-type">boolean</span>
  102. </span>
  103. <h4 class="name" id="~errorState">
  104. <a class="href-link" href="#~errorState">#</a>
  105. <span class='tag'>inner</span>
  106. <span class='tag'>constant</span>
  107. <span class="code-name">
  108. errorState
  109. </span>
  110. </h4>
  111. <div class="description">
  112. <p>React state holding the error state of the component.</p>
  113. </div>
  114. <dl class="details">
  115. <p class="tag-source">
  116. <a href="src_components_Auth_Intro.tsx.html" class="button">View Source</a>
  117. <span>
  118. <a href="src_components_Auth_Intro.tsx.html">src/components/Auth/Intro.tsx</a>, <a href="src_components_Auth_Intro.tsx.html#line36">line 36</a>
  119. </span>
  120. </p>
  121. </dl>
  122. </div>
  123. <div class="member">
  124. <span class="method-parameter is-pulled-right">
  125. <label>Type:</label>
  126. <span class="param-type">string</span>
  127. </span>
  128. <h4 class="name" id="~loginMessageState">
  129. <a class="href-link" href="#~loginMessageState">#</a>
  130. <span class='tag'>inner</span>
  131. <span class='tag'>constant</span>
  132. <span class="code-name">
  133. loginMessageState
  134. </span>
  135. </h4>
  136. <div class="description">
  137. <p>React state holding the login result message to display to the user.</p>
  138. </div>
  139. <dl class="details">
  140. <p class="tag-source">
  141. <a href="src_components_Auth_Intro.tsx.html" class="button">View Source</a>
  142. <span>
  143. <a href="src_components_Auth_Intro.tsx.html">src/components/Auth/Intro.tsx</a>, <a href="src_components_Auth_Intro.tsx.html#line30">line 30</a>
  144. </span>
  145. </p>
  146. </dl>
  147. </div>
  148. </div>
  149. </div>
  150. <div class='vertical-section'>
  151. <h1>Methods</h1>
  152. <div class="members">
  153. <div class="member">
  154. <h4 class="name" id="~goToRegistration">
  155. <a class="href-link" href="#~goToRegistration">#</a>
  156. <span class='tag'>inner</span>
  157. <span class="code-name">
  158. goToRegistration<span class="signature">()</span><span class="type-signature"></span>
  159. </span>
  160. </h4>
  161. <div class="description">
  162. <p>Navigates to <a href="RegisterMain.html">RegisterMain</a>.</p>
  163. </div>
  164. <dl class="details">
  165. <p class="tag-source">
  166. <a href="src_components_Auth_Intro.tsx.html" class="button">View Source</a>
  167. <span>
  168. <a href="src_components_Auth_Intro.tsx.html">src/components/Auth/Intro.tsx</a>, <a href="src_components_Auth_Intro.tsx.html#line87">line 87</a>
  169. </span>
  170. </p>
  171. </dl>
  172. </div>
  173. <div class="member">
  174. <h4 class="name" id="~login">
  175. <a class="href-link" href="#~login">#</a>
  176. <span class='tag'>async</span>
  177. <span class='tag'>inner</span>
  178. <span class="code-name">
  179. login<span class="signature">()</span><span class="type-signature"></span>
  180. </span>
  181. </h4>
  182. <div class="description">
  183. <p>Function that initiates the login flow. It opens up with the in app browser and sends an authorization request to the API, which redirects the user to the backend login page.
  184. If the credentials entered are valid, the OAuth Authorization Code flow will occur, which results in the user recieving an access token and refresh token which are then stored in <a href="AuthStore.html">AuthStore</a>.</p>
  185. </div>
  186. <dl class="details">
  187. <p class="tag-source">
  188. <a href="src_components_Auth_Intro.tsx.html" class="button">View Source</a>
  189. <span>
  190. <a href="src_components_Auth_Intro.tsx.html">src/components/Auth/Intro.tsx</a>, <a href="src_components_Auth_Intro.tsx.html#line45">line 45</a>
  191. </span>
  192. </p>
  193. </dl>
  194. </div>
  195. <div class="member">
  196. <h4 class="name" id="~openPrivacyPolicy">
  197. <a class="href-link" href="#~openPrivacyPolicy">#</a>
  198. <span class='tag'>async</span>
  199. <span class='tag'>inner</span>
  200. <span class="code-name">
  201. openPrivacyPolicy<span class="signature">()</span><span class="type-signature"></span>
  202. </span>
  203. </h4>
  204. <div class="description">
  205. <p>Opens up the <a href="https://app.clicknpush.ca/privacy">privacy policy page</a>.</p>
  206. </div>
  207. <dl class="details">
  208. <p class="tag-source">
  209. <a href="src_components_Auth_Intro.tsx.html" class="button">View Source</a>
  210. <span>
  211. <a href="src_components_Auth_Intro.tsx.html">src/components/Auth/Intro.tsx</a>, <a href="src_components_Auth_Intro.tsx.html#line93">line 93</a>
  212. </span>
  213. </p>
  214. </dl>
  215. </div>
  216. </div>
  217. </div>
  218. </article>
  219. </section>
  220. </div>
  221. <footer class="footer">
  222. <div class="content has-text-centered">
  223. <p>Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.7</a></p>
  224. <p class="sidebar-created-by">
  225. <a href="https://github.com/SoftwareBrothers/better-docs" target="_blank">BetterDocs theme</a> provided with <i class="fas fa-heart"></i> by
  226. <a href="http://softwarebrothers.co" target="_blank">SoftwareBrothers - JavaScript Development Agency</a>
  227. </p>
  228. </div>
  229. </footer>
  230. </div>
  231. <div id="side-nav" class="side-nav">
  232. </div>
  233. </div>
  234. <script src="scripts/app.min.js"></script>
  235. <script>PR.prettyPrint();</script>
  236. <script src="scripts/linenumber.js"> </script>
  237. </body>
  238. </html>