<!DOCTYPE html>

<html>
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>React Frontend &#8212; Music Tools  documentation</title>
    <link rel="stylesheet" href="../_static/pygments.css" type="text/css" />
    <link rel="stylesheet" href="../_static/alabaster.css" type="text/css" />
    <script id="documentation_options" data-url_root="../" src="../_static/documentation_options.js"></script>
    <script src="../_static/jquery.js"></script>
    <script src="../_static/underscore.js"></script>
    <script src="../_static/doctools.js"></script>
    <link rel="index" title="Index" href="../genindex.html" />
    <link rel="search" title="Search" href="../search.html" />
    <link rel="next" title="Playlist" href="MusicTools.Playlist.html" />
    <link rel="prev" title="music.tasks" href="music.tasks.html" />
   
  <link rel="stylesheet" href="../_static/custom.css" type="text/css" />
  
  
  <meta name="viewport" content="width=device-width, initial-scale=0.9, maximum-scale=0.9" />

  </head><body>
  

    <div class="document">
      <div class="documentwrapper">
        <div class="bodywrapper">
          

          <div class="body" role="main">
            
  <div class="section" id="react-frontend">
<h1>React Frontend<a class="headerlink" href="#react-frontend" title="Permalink to this headline">¶</a></h1>
<div class="toctree-wrapper compound">
<ul>
<li class="toctree-l1"><a class="reference internal" href="MusicTools.Playlist.html">Playlist</a><ul>
<li class="toctree-l2"><a class="reference internal" href="MusicTools.Playlist.html#router">Router</a></li>
<li class="toctree-l2"><a class="reference internal" href="MusicTools.Playlist.html#cards-list">Cards List</a></li>
<li class="toctree-l2"><a class="reference internal" href="MusicTools.Playlist.html#new-playlist-card">New Playlist Card</a></li>
<li class="toctree-l2"><a class="reference internal" href="MusicTools.Playlist.html#view-edit-card">View/Edit Card</a></li>
<li class="toctree-l2"><a class="reference internal" href="MusicTools.Playlist.html#stats-card">Stats Card</a></li>
</ul>
</li>
<li class="toctree-l1"><a class="reference internal" href="MusicTools.Tag.html">Tag</a><ul>
<li class="toctree-l2"><a class="reference internal" href="MusicTools.Tag.html#router">Router</a></li>
<li class="toctree-l2"><a class="reference internal" href="MusicTools.Tag.html#cards-list">Cards List</a></li>
<li class="toctree-l2"><a class="reference internal" href="MusicTools.Tag.html#new-tag-card">New Tag Card</a></li>
<li class="toctree-l2"><a class="reference internal" href="MusicTools.Tag.html#view-edit-tag">View/Edit Tag</a></li>
</ul>
</li>
<li class="toctree-l1"><a class="reference internal" href="MusicTools.Maths.html">Maths</a><ul>
<li class="toctree-l2"><a class="reference internal" href="MusicTools.Maths.html#bar-chart">Bar Chart</a></li>
<li class="toctree-l2"><a class="reference internal" href="MusicTools.Maths.html#pie-chart">Pie Chart</a></li>
</ul>
</li>
<li class="toctree-l1"><a class="reference internal" href="MusicTools.Admin.html">Admin</a><ul>
<li class="toctree-l2"><a class="reference internal" href="MusicTools.Admin.html#router">Router</a></li>
<li class="toctree-l2"><a class="reference internal" href="MusicTools.Admin.html#lock">Lock</a></li>
<li class="toctree-l2"><a class="reference internal" href="MusicTools.Admin.html#functions">Functions</a></li>
<li class="toctree-l2"><a class="reference internal" href="MusicTools.Admin.html#tasks">Tasks</a></li>
</ul>
</li>
<li class="toctree-l1"><a class="reference internal" href="MusicTools.Settings.html">Settings</a><ul>
<li class="toctree-l2"><a class="reference internal" href="MusicTools.Settings.html#router">Router</a></li>
<li class="toctree-l2"><a class="reference internal" href="MusicTools.Settings.html#change-password">Change Password</a></li>
<li class="toctree-l2"><a class="reference internal" href="MusicTools.Settings.html#spotify-link">Spotify Link</a></li>
<li class="toctree-l2"><a class="reference internal" href="MusicTools.Settings.html#last-fm-username">Last.fm Username</a></li>
</ul>
</li>
</ul>
</div>
<dl class="js class">
<dt id="MusicTools">
<em class="property"><span class="pre">class</span> </em><code class="sig-name descname"><span class="pre">MusicTools</span></code><span class="sig-paren">(</span><em class="sig-param"><span class="pre">props</span></em><span class="sig-paren">)</span><a class="headerlink" href="#MusicTools" title="Permalink to this definition">¶</a></dt>
<dd><p>Root component for app</p>
<dl class="js function">
<dt id="MusicTools.componentDidMount">
<code class="sig-prename descclassname"><span class="pre">MusicTools.</span></code><code class="sig-name descname"><span class="pre">componentDidMount</span></code><span class="sig-paren">(</span><span class="sig-paren">)</span><a class="headerlink" href="#MusicTools.componentDidMount" title="Permalink to this definition">¶</a></dt>
<dd><p>Get user info from API on load</p>
</dd></dl>

<dl class="js function">
<dt id="MusicTools.componentWillUnmount">
<code class="sig-prename descclassname"><span class="pre">MusicTools.</span></code><code class="sig-name descname"><span class="pre">componentWillUnmount</span></code><span class="sig-paren">(</span><span class="sig-paren">)</span><a class="headerlink" href="#MusicTools.componentWillUnmount" title="Permalink to this definition">¶</a></dt>
<dd><p>Cancel get user info request</p>
</dd></dl>

<dl class="js function">
<dt id="MusicTools.getUserInfo">
<code class="sig-prename descclassname"><span class="pre">MusicTools.</span></code><code class="sig-name descname"><span class="pre">getUserInfo</span></code><span class="sig-paren">(</span><span class="sig-paren">)</span><a class="headerlink" href="#MusicTools.getUserInfo" title="Permalink to this definition">¶</a></dt>
<dd><p>Get user info from API</p>
</dd></dl>

<dl class="js function">
<dt id="MusicTools.setOpen">
<code class="sig-prename descclassname"><span class="pre">MusicTools.</span></code><code class="sig-name descname"><span class="pre">setOpen</span></code><span class="sig-paren">(</span><em class="sig-param"><span class="pre">bool</span></em><span class="sig-paren">)</span><a class="headerlink" href="#MusicTools.setOpen" title="Permalink to this definition">¶</a></dt>
<dd><p>Set whether side app drawer is open</p>
<dl class="field-list simple">
<dt class="field-odd">Arguments</dt>
<dd class="field-odd"><ul class="simple">
<li><p><strong>bool</strong> (<em>*</em>) – Open state of side drawer</p></li>
</ul>
</dd>
</dl>
</dd></dl>

</dd></dl>

</div>


          </div>
          
        </div>
      </div>
      <div class="sphinxsidebar" role="navigation" aria-label="main navigation">
        <div class="sphinxsidebarwrapper">
<h1 class="logo"><a href="../index.html">Music Tools</a></h1>








<h3>Navigation</h3>
<p class="caption"><span class="caption-text">Contents:</span></p>
<ul class="current">
<li class="toctree-l1"><a class="reference internal" href="music.html">Py</a></li>
<li class="toctree-l1 current"><a class="current reference internal" href="#">Js</a><ul>
<li class="toctree-l2"><a class="reference internal" href="MusicTools.Playlist.html">Playlist</a></li>
<li class="toctree-l2"><a class="reference internal" href="MusicTools.Tag.html">Tag</a></li>
<li class="toctree-l2"><a class="reference internal" href="MusicTools.Maths.html">Maths</a></li>
<li class="toctree-l2"><a class="reference internal" href="MusicTools.Admin.html">Admin</a></li>
<li class="toctree-l2"><a class="reference internal" href="MusicTools.Settings.html">Settings</a></li>
</ul>
</li>
<li class="toctree-l1"><a class="reference internal" href="admin.html">Admin Script</a></li>
<li class="toctree-l1"><a class="reference internal" href="modules.html">All Modules</a></li>
</ul>

<div class="relations">
<h3>Related Topics</h3>
<ul>
  <li><a href="../index.html">Documentation overview</a><ul>
      <li>Previous: <a href="music.tasks.html" title="previous chapter">music.tasks</a></li>
      <li>Next: <a href="MusicTools.Playlist.html" title="next chapter">Playlist</a></li>
  </ul></li>
</ul>
</div>
<div id="searchbox" style="display: none" role="search">
  <h3 id="searchlabel">Quick search</h3>
    <div class="searchformwrapper">
    <form class="search" action="../search.html" method="get">
      <input type="text" name="q" aria-labelledby="searchlabel" />
      <input type="submit" value="Go" />
    </form>
    </div>
</div>
<script>$('#searchbox').show(0);</script>








        </div>
      </div>
      <div class="clearer"></div>
    </div>
    <div class="footer">
      &copy;2021, Sarsoo.
      
      |
      Powered by <a href="http://sphinx-doc.org/">Sphinx 3.5.4</a>
      &amp; <a href="https://github.com/bitprophet/alabaster">Alabaster 0.7.12</a>
      
      |
      <a href="../_sources/src/MusicTools.rst.txt"
          rel="nofollow">Page source</a>
    </div>

    

    
  </body>
</html>