fix: #237

packages/frontend/src/components/SidebarStream.vue

@@ -67,14 +67,17 @@
           commit{{ stream.commits.totalCount === 1 ? '' : 's' }}
         </span>
       </p>
-      <p>
-        <span v-if="stream.isPublic">
-          <v-icon small>mdi-link</v-icon>
-          &nbsp; link sharing on (public)
+      <p class="font-weight-bold">
+        <span
+          v-if="stream.isPublic"
+          v-tooltip="`Anyone can view this stream. Only you and collaborators can edit it.`"
+        >
+          <v-icon small>mdi-lock-open-variant-outline</v-icon>
+          &nbsp; public
         </span>
-        <span v-else>
-          <v-icon small>mdi-shield-lock</v-icon>
-          &nbsp; link sharing off (private)
+        <span v-else v-tooltip="`Only you and collaborators can access this stream.`">
+          <v-icon small>mdi-lock-outline</v-icon>
+          &nbsp; private
         </span>
       </p>
       <v-divider class="pb-2"></v-divider>

packages/frontend/src/components/dialogs/StreamEditDialog.vue

@@ -19,14 +19,12 @@
         />
         <v-switch
           v-model="internalIsPublic"
-          :label="`Link sharing ${internalIsPublic ? 'on' : 'off'}`"
+          :label="`${internalIsPublic ? 'Public stream' : 'Private stream'}`"
         />
-        <p v-if="!internalIsPublic" class="caption">
-          Only collaborators will be able to access this stream.
-        </p>
+        <p v-if="!internalIsPublic" class="caption">Only collaborators can access this stream.</p>
         <p v-else class="caption">
-          Anyone with this link will be able to read this stream. It will also be visible on your
-          profile page.
+          Anyone can view this stream. It is also visible on your profile page. Only collaborators
+          can edit it.
         </p>
       </v-card-text>
       <v-card-actions>

packages/frontend/vue.config.js

@@ -9,7 +9,7 @@ module.exports = {
     }
   },
   devServer: {
-    host: "localhost",
+    host: 'localhost',
     historyApiFallback: {
       rewrites: [
         { from: /^\/$/, to: '/app.html' },