Merge pull request #4 from JackalLabs/marston/draft-box

styling and pages

.github/workflows/test-deploy.yml

@@ -6,20 +6,8 @@ on:
   pull_request:
   push:
 
-
-  # Allows you to run this workflow manually from the Actions tab
-  workflow_dispatch:
-
-# Allow one concurrent deployment
-concurrency:
-  group: 'pages'
-  cancel-in-progress: true
-
 jobs:
   test-deploy:
-    environment:
-      name: github-pages
-      url: ${{ steps.deployment.outputs.page_url }}
     runs-on: ubuntu-latest
     steps:
       - name: Checkout

public/CNAME

@@ -0,0 +1 @@
+beacon.jackalprotocol.com

src/utils/conversion.ts

@@ -1,4 +1,4 @@
 export function sanitizeName(source: string): string {
-  return source.replace(/[ +/=]/g, '_')
-    .replace(/[^ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789-_]/g, '')
+  return source.replace(/[ .+/=]/g, '_')
+    .replace(/[^ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789\-_]/g, '')
 }

src/views/UserPage.vue

@@ -111,6 +111,7 @@
   }
 
   .work-item {
+    width: 100%;
   }
 
   .work-body {

src/views/UserSettings.vue

@@ -3,8 +3,11 @@
     <div class="main-container">
       <h1>Dashboard</h1>
       <main>
-        <section>
+        <section v-if="myRns">
           <h2>Display RNS</h2>
+          <select>
+            <option v-for="item in Object.keys(myRns)" :key="item">{{ item }}</option>
+          </select>
         </section>
         <section>
           <h2>Publish Format</h2>
@@ -15,22 +18,12 @@
 </template>
 
 <script setup lang="ts">
+import { bStore } from '@/store/main.ts'
 
+const myRns = bStore.getOwnedRns()
 
 </script>
 
 <style lang="scss">
-  main {
-    display: flex;
-    flex-flow: row;
-  }
-  aside {
-    width: 200px;
-  }
 
-  .bytemd {
-    //margin: 0.5em;
-    height: calc(100vh - 200px);
-    width: calc(100vw - 200px - 4rem);
-  }
 </style>